概要

Nuxt3(Vue3)を用いたテキストの選択機能の実装にあたり、VueUseを使用してみましたので、その備忘録です。

https://vueuse.org/

デモ

以下のページからお試しいただけます。

https://nuxt3-demo-git-main-nakamura196.vercel.app/textSelection

ソースコードは以下です。

https://github.com/nakamura196/nuxt3-demo/blob/main/pages/textSelection.vue

インストール方法

以下のページに記載があります。

https://vueuse.org/guide/

具体的な手順は、以下のとおりです。

npmi-D@vueuse/nuxt@vueuse/core
e}x)pm]noo,urd'xtu@tlv.deuceseof:unasfu[eil/gtn.utdxsetf'i,neNuxtConfig({

まとめ

テキスト選択以外にも、便利な機能が色々と使えるようなので、引き続き試してみたいと思います。