快速上手

Author: coderlzw-cn

package.json

@@ -12,6 +12,7 @@
     "@sentry/vite-plugin": "^2.10.2",
     "@sentry/vue": "^7.93.0",
     "@unocss/reset": "^0.58.3",
+    "@vercel/analytics": "^1.1.3",
     "@vercel/speed-insights": "^1.0.9",
     "vue": "^3.3.11"
   },

pnpm-lock.yaml

@@ -20,12 +20,10 @@ import ThemeComponent from "@/components/toogleTheme/ThemeComponent.vue";
 
 onMounted(() => {
 })
-import { SpeedInsights } from "@vercel/speed-insights/next"
 
 </script>
 
 <template>
-  <speed-insights/>
   <button class="button" @click="  tip({ type: 'warn', str: '我是提示框' }) ">click</button>
 
 

src/App.vue

@@ -8,8 +8,11 @@ import "@/assets/global.css"
 import 'virtual:svg-icons-register'
 import SvgIcon from "@/common/SvgIcon.vue";
 const app = createApp(App);
+import { inject } from '@vercel/analytics';
+import { injectSpeedInsights } from '@vercel/speed-insights';
 
-
+injectSpeedInsights();
+inject();
 app.component('svg-icon', SvgIcon)
 
 // // 应用级别的错误处理器