From f1b225078d80fdbd29a0353fca5a29d20107df43 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 14 Nov 2022 22:19:37 +0100
Subject: [PATCH] chore(docs): move analytics to mounted hook

---
 docs/src/.vitepress/theme/index.ts            | 2 --
 docs/src/.vitepress/theme/layouts/default.vue | 5 +++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/docs/src/.vitepress/theme/index.ts b/docs/src/.vitepress/theme/index.ts
index fc20152b..1d1bcad6 100644
--- a/docs/src/.vitepress/theme/index.ts
+++ b/docs/src/.vitepress/theme/index.ts
@@ -1,7 +1,6 @@
 import type { Theme } from 'vitepress'
 import VueAnimXyz from '@animxyz/vue3'
 import DefaultTheme from 'vitepress/theme'
-import { webVitals } from '../plugins/vercel-web-vitals-api'
 import Layout from './layouts/default.vue'
 import 'virtual:windi.css'
 import '@animxyz/core'
@@ -14,7 +13,6 @@ const CustomTheme = {
   Layout,
   enhanceApp: ({ app }) => {
     app.use(VueAnimXyz)
-    webVitals({ analyticsId: '__ANALYTICS_ID__', debug: false })
   },
 } as Theme
 
diff --git a/docs/src/.vitepress/theme/layouts/default.vue b/docs/src/.vitepress/theme/layouts/default.vue
index 5b12f329..e966721f 100644
--- a/docs/src/.vitepress/theme/layouts/default.vue
+++ b/docs/src/.vitepress/theme/layouts/default.vue
@@ -1,7 +1,12 @@
 <script setup>
 import DefaultTheme from 'vitepress/theme'
+import { webVitals } from '../../plugins/vercel-web-vitals-api'
 
 const { Layout: ParentLayout } = DefaultTheme
+
+onMounted(() => {
+  webVitals({ analyticsId: '__ANALYTICS_ID__', debug: false })
+})
 </script>
 
 <template>