♻️ Use @nuxt/scripts for GA

williamchong · Dec 14, 2024 · 79c0ae3 · 79c0ae3
1 parent 95d6bed
commit 79c0ae3
Show file tree

Hide file tree

Showing 4 changed files with 1,381 additions and 76 deletions.
diff --git a/components/copyableField.vue b/components/copyableField.vue
@@ -15,7 +15,6 @@ const props = defineProps<{
   value: string
 }>()
 
-
 const { copy, copied, isSupported } = useClipboard({ source: props.value })
 function onClickCopy() {
   copy(props.value)

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -16,18 +16,15 @@ export default defineNuxtConfig({
             "Convert between Cosmos(cosmos1), Ethereum(0x) and different cosmos-based chain using bech32 address prefixes.",
         },
       ],
-      link: [
-        {
-          rel: "preload",
-          href: "https://www.googletagmanager.com/gtag/js?id=G-J481P5HG5T",
-          as: "script",
-        },
-      ],
     },
   },
-  modules: ["nuxt-gtag", "@vueuse/nuxt"],
-  gtag: {
-    id: "G-J481P5HG5T",
+  modules: ["@vueuse/nuxt", "@nuxt/scripts"],
+  scripts: {
+    registry: {
+      googleAnalytics: {
+        id: "G-J481P5HG5T",
+      },
+    },
   },
   plugins: ["~/plugins/node.client.ts"],
   alias: {

diff --git a/package.json b/package.json
@@ -9,12 +9,12 @@
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
+    "@nuxt/scripts": "^0.9.5",
     "@vueuse/core": "^11.2.0",
     "@vueuse/nuxt": "^11.2.0",
     "bech32": "^2.0.0",
     "keccak256": "^1.0.6",
     "nuxt": "^3.12.3",
-    "nuxt-gtag": "^3.0.1",
     "vue": "latest"
   }
 }