title: Gtag in Nuxt.js
body: <p>I'm really facing trouble configuring gtag in my nuxt js app.</p>
  <p>I follow this guide:</p>
  <p><a href="https://www.carlcassar.com/articles/add-google-analytics-to-a-nuxt-js-app/" rel="nofollow noreferrer">https://www.carlcassar.com/articles/add-google-analytics-to-a-nuxt-js-app/</a></p>
  <p>This is my plugin :</p>
  <pre class="lang-js prettyprint-override"><code>    import Vue from 'vue';
      import VueGtag from 'vue-gtag';
      
      Vue.use(VueGtag, {
          config: { id: 'G-*********' },
          appName: 'app-name',
      });
  </code></pre>
  <p>And this is how i Load it in nuxt.confing.js</p>
  <pre class="lang-js prettyprint-override"><code>      plugins: [
          &quot;@/plugins/aos.client&quot;,
          &quot;@/plugins/progress-path&quot;,
          &quot;@/plugins/vue-input-ui&quot;,
          '@plugins/vue-js-modal.js',
          &quot;@/plugins/paypal&quot;,
          &quot;@/plugins/autocomplete&quot;,
          &quot;@/plugins/lazy-load&quot;,
          {
            src: './plugins/gtag.js',
            mode: 'client'
          },
        ],
  </code></pre>
  <p>But I'm really facing trouble not getting anything to analytics console.</p>
  <p>This is the gtag from google</p>
  <pre class="lang-html prettyprint-override"><code>    &lt;!-- Global site tag (gtag.js) - Google Analytics --&gt;
      &lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=G-*********&quot;&gt;&lt;/script&gt;
      &lt;script&gt;
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
      
        gtag('config', 'G-*********');
      &lt;/script&gt;
  </code></pre>
  <p>Where am I wrong?</p>
  <p>Thanks everyone</p>