Nuxt3でvue pluginを適用する

Nuxt3になってvueのプラグインを使う形もちょっと変わった。
ドキュメントだとこのあたり。

• Nuxt 3 - Plugins directory

使い方

公式ドキュメントのサンプルより。

yarn add --dev vue-gtag-next

// plugins/vue-gtag.client.js
import VueGtag from 'vue-gtag-next'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(VueGtag, {
    property: {
      id: 'GA_MEASUREMENT_ID'
    }
  })
})

plugins/ディレクトリ直下は、auto-importの対象なので、
nuxt.config.tsの設定は不要。

以上!!

参考にしたサイト様

• Nuxt 3 - Plugins directory