💭

VueUseを用いたテキスト選択（Nuxt3）

2023/04/19に公開

概要

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

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

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

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

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

npm i -D @vueuse/nuxt @vueuse/core

nuxt.config.ts

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@vueuse/nuxt',
  ],
})

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