From fd92681b8c9656e1308d267f06cd09683b455c5c Mon Sep 17 00:00:00 2001
From: YunYouJun <me@yunyoujun.cn>
Date: Thu, 14 Apr 2022 21:30:19 +0800
Subject: [PATCH] feat: add gtm

---
 package.json       |  1 +
 pnpm-lock.yaml     | 22 +++++++++++++++++++++-
 src/modules/gtm.ts |  7 +++++++
 3 files changed, 29 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/gtm.ts

diff --git a/package.json b/package.json
index b2fb847..cd9fdb2 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@gtm-support/vue-gtm": "^1.3.0",
     "@vueuse/core": "^8.2.6",
     "@vueuse/head": "^0.7.6",
     "nprogress": "^0.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 65b6a15..37a618f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,6 +2,7 @@ lockfileVersion: 5.3
 
 specifiers:
   '@antfu/eslint-config': ^0.20.2
+  '@gtm-support/vue-gtm': ^1.3.0
   '@iconify-json/mdi': ^1.1.9
   '@iconify-json/ri': ^1.1.1
   '@types/markdown-it-link-attributes': ^3.0.1
@@ -40,6 +41,7 @@ specifiers:
   vue-tsc: ^0.34.6
 
 dependencies:
+  '@gtm-support/vue-gtm': 1.3.0_vue@3.2.33
   '@vueuse/core': 8.2.6_vue@3.2.33
   '@vueuse/head': 0.7.6_vue@3.2.33
   nprogress: 0.2.0
@@ -1353,6 +1355,24 @@ packages:
       - supports-color
     dev: true
 
+  /@gtm-support/core/1.1.0:
+    resolution: {integrity: sha512-GyiZEfKejkAQq2lDS0u2mv6NDVdNWqXi+uQX0zcBOsIpWHfQxWpuCeTTCSv3DZEKv2LMkC0cwv6ukVRJvPmpaA==}
+    dev: false
+
+  /@gtm-support/vue-gtm/1.3.0_vue@3.2.33:
+    resolution: {integrity: sha512-QN7BmkE6RQ9bDgfqKdC/7KBALEM1vEjgbJ83c1nO6EJ3AUuc76l44DMH2q9npueQ2Vvl1FaqscQJzYH+rxjZmg==}
+    peerDependencies:
+      vue: ^3.0.0
+    peerDependenciesMeta:
+      vue-router:
+        optional: true
+    dependencies:
+      '@gtm-support/core': 1.1.0
+      vue: 3.2.33
+    optionalDependencies:
+      vue-router: 4.0.14_vue@3.2.33
+    dev: false
+
   /@humanwhocodes/config-array/0.9.5:
     resolution: {integrity: sha512-ObyMyWxZiCu/yTisA7uzx81s40xR2fD5Cg/2Kq7G02ajkNubJf6BopgDTmDyc3U7sXpNKM8cYOw7s7Tyr+DnCw==}
     engines: {node: '>=10.10.0'}
@@ -4519,7 +4539,7 @@ packages:
     dependencies:
       universalify: 2.0.0
     optionalDependencies:
-      graceful-fs: 4.2.9
+      graceful-fs: 4.2.10
     dev: true
 
   /jsonpointer/5.0.0:
diff --git a/src/modules/gtm.ts b/src/modules/gtm.ts
new file mode 100644
index 0000000..25f4da9
--- /dev/null
+++ b/src/modules/gtm.ts
@@ -0,0 +1,7 @@
+import { createGtm } from '@gtm-support/vue-gtm'
+import type { UserModule } from '~/types'
+
+export const install: UserModule = ({ app }) => {
+  // add google tag manager, and add GA4 in gtag
+  app.use(createGtm({ id: 'GTM-5FJSV46' }))
+}