♻️ Use @nuxt/scripts for GA

williamchong · Dec 14, 2024 · bd1d2e3 · bd1d2e3
1 parent 46efd0e
commit bd1d2e3
Show file tree

Hide file tree

Showing 4 changed files with 2,946 additions and 1,648 deletions.
diff --git a/app.vue b/app.vue
@@ -51,7 +51,7 @@
 
 <script setup lang="ts">
 import { decode, encode } from 'cbor-x';
-import { Buffer } from 'node:buffer'
+import { Buffer } from 'buffer'
 
 const cborValue = ref('')
 const jsonValue = ref('')

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -9,19 +9,27 @@ export default defineNuxtConfig({
       ],
       link: [
         { rel: 'preload', as: 'script', href: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5384552213891537', crossorigin: 'anonymous' },
-        { rel: 'preload', as: 'script', href: 'https://www.googletagmanager.com/gtag/js?id=G-PG6KXFFZPF' },
       ],
       script: [
         { src: 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5384552213891537', async: true, crossorigin: 'anonymous', body: true },
       ],
     },
   },
-  modules: ["nuxt-gtag"],
-  gtag: {
-    id: "G-PG6KXFFZPF",
+
+  scripts: {
+    registry: {
+      googleAnalytics: {
+        id: 'G-PG6KXFFZPF',
+      },
+
+    }
   },
+
   devtools: { enabled: true },
+
   experimental: {
     clientNodeCompat: true,
   },
+
+  modules: ["@nuxt/scripts"]
 });
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "nuxt-app",
+  "name": "cbor-json-web",
   "private": true,
   "type": "module",
   "scripts": {
@@ -10,9 +10,9 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@nuxt/scripts": "^0.9.5",
     "cbor-x": "^1.5.9",
-    "nuxt": "^3.12.2",
-    "nuxt-gtag": "^2.0.6",
+    "nuxt": "3.13.2",
     "vue": "latest"
   }
 }