Nuxt 3 のコンポーネントからプラグイン インジェクションにアクセスする

Question

Nuxt 3 と vue-gtag を使用して、コンポーネントから $gtag にアクセスする正しい方法は何ですか?

プラグイン/gtag.client.js:

「vue-gtag」から VueGtag をインポートします。

デフォルトのエクスポートdefineNuxtPlugin(nuxtApp => {
  const ルーター = useRouter();
  nuxtApp.vueApp.use(
    VueGtag、
    {
      設定: {
        ID:「...」
      }
    }、
    ルーター
  );
});

Nuxt 2 では、コンポーネント ファイルから this.$gtag にアクセスできます。

Nuxt 3 では、それが見つからないようです:

const nuxtApp = useNuxtApp();
nuxtApp.$gtag //未定義

ソースコードを見ると定義は正しいようなので、プラグイン自体の問題ではないと思います。 app.config.globalProperties.$gtag = api;

Answer 1

nuxt 3 で domToImage プラグインを定義するときに同じ問題が発生しました。次の解決策を見つけました。それがあなたに役立つことを願っています。

• nuxt プラグインで提供されるものを返します:

• コンポーネントでの使用: