feat: 添加 Umami 统计代码

nuxt.config.ts

@@ -38,5 +38,6 @@ export default defineNuxtConfig({
   experimental: {
     viewTransition: true
   },
-  css: ['element-plus/theme-chalk/dark/css-vars.css', '~/assets/scss/main.scss']
+  css: ['element-plus/theme-chalk/dark/css-vars.css', '~/assets/scss/main.scss'],
+  extends: ['nuxt-umami']
 })

package.json

@@ -26,6 +26,7 @@
     "@vue/shared": "^3.4.27",
     "element-plus": "^2.7.5",
     "nuxt": "^3.12.2",
+    "nuxt-umami": "^2.6.2",
     "vue": "^3.4.21",
     "vue-router": "^4.3.0"
   },

src/app.config.ts

@@ -4,5 +4,14 @@ export default defineAppConfig({
     colors: {
       primary: '#ff0000'
     }
+  },
+  // umami 配置
+  umami: {
+    id: '95653e90-7b8b-4541-b6de-ea5e544d8c2d',
+    host: 'https://umami.baiwumm.com',
+    useDirective: true,
+    version: 2,
+    domains: ['dream-site.cn'],
+    ignoreLocalhost: true
   }
 })

src/components/WebsiteCard/index.vue

@@ -1,5 +1,10 @@
 <template>
-  <el-card class="relative cursor-pointer" shadow="hover" @click="handleClick">
+  <el-card
+    v-umami="{ name: websiteInfo.name, url: websiteInfo.url }"
+    class="relative cursor-pointer"
+    shadow="hover"
+    @click="handleClick"
+  >
     <div class="flex flex-col gap-3">
       <div class="flex gap-2 items-center">
         <el-avatar shape="square" :size="40" fit="contain" :src="websiteInfo.logo" />

src/const/index.ts

@@ -20,6 +20,11 @@ export const FooterRecord: Social[] = [
  * @description: 社交图标
  */
 export const FooterSocial: Social[] = [
+  {
+    icon: 'ri:bar-chart-2-line',
+    url: 'https://umami.baiwumm.com/share/FCiIDToq8NxwjhIJ',
+    tip: '网站统计'
+  },
   { icon: 'i-ri-github-line', url: 'https://github.com/baiwumm', tip: 'Github' },
   { icon: 'i-ri-wechat-line', url: 'https://wechat.baiwumm.com/', tip: '微信' },
   { icon: 'i-ri-mail-line', url: 'mailto:[email protected]', tip: 'Email' },