feat(umami): switch to dedicated Vuepress plugin

content/.vuepress/config.ts

@@ -2,11 +2,14 @@ import { defaultTheme } from '@vuepress/theme-default';
 import { viteBundler } from '@vuepress/bundler-vite';
 import { defineUserConfig } from 'vuepress';
 import { searchProPlugin } from 'vuepress-plugin-search-pro';
+import { umamiAnalyticsPlugin } from 'vuepress-plugin-umami-analytics';
 
 import { head } from './head';
 import { locales, searchLocales } from './locales';
 import { themeLocales } from './themeLocales';
 
+let isProd = process.env.NODE_ENV === 'production';
+
 export default defineUserConfig({
   lang: 'fr-FR',
   title: 'Lucien Cartier-Tilet',
@@ -23,6 +26,13 @@ export default defineUserConfig({
       indexContent: true,
       locales: searchLocales,
     }),
+    isProd
+      ? umamiAnalyticsPlugin({
+          id: '67166941-8c83-4a19-bc8c-139e44b7f7aa',
+          src: 'https://umami.phundrak.com/script.js',
+          doNotTrack: true,
+        })
+      : [],
   ],
   locales: locales,
   theme: defaultTheme({

content/.vuepress/head.ts

@@ -6,17 +6,6 @@ interface SimplifiedHeader {
 }
 
 const simplifiedHead: SimplifiedHeader[] = [
-  {
-    tag: 'script',
-    content: [
-      {
-        async: true,
-        src: 'https://umami.phundrak.com/script.js',
-        'data-website-id': '67166941-8c83-4a19-bc8c-139e44b7f7aa',
-        'data-do-not-track': 'true',
-      },
-    ],
-  },
   {
     tag: 'meta',
     content: [

package.json

@@ -22,12 +22,13 @@
   "dependencies": {
     "less": "^4.1.3",
     "nord": "^0.2.1",
-    "rxjs": "^7.8.1"
+    "rxjs": "^7.8.1",
+    "vuepress-plugin-umami-analytics": "^1.8.0"
   },
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"
     }
   },
-  "packageManager": "yarn@4.0.2"
+  "packageManager": "yarn@4.1.0"
 }