feat(vue): add vitepress support

Author: chengpeiquan

packages/vue/src/index.ts

@@ -1 +1,2 @@
+export * from './variants/vitepress'
 export * from './variants/vue'

packages/vue/src/types.ts

@@ -41,3 +41,6 @@ export interface RegisterProviderOptions<P extends Platform> {
   platform: Platform
   analytics: VueAnalytics<P>
 }
+
+export interface CreateVitePressAnalyticsInstanceOptions
+  extends Omit<VueAnalyticsConstructorOptions, 'platform'> {}

packages/vue/src/variants/vitepress.ts

@@ -0,0 +1,72 @@
+import { isBrowser } from '@bassist/utils'
+import { VueAnalytics } from '../analytics'
+import { getMajorVersion, getGlobalProperty } from '../utils'
+import type { Platform } from '@web-analytics/core'
+import type {
+  CreateVitePressAnalyticsInstanceOptions,
+  RegisterProviderOptions,
+  VueInstance,
+} from '../types'
+
+function registerProvider<P extends Platform>({
+  analytics,
+  platform,
+}: RegisterProviderOptions<P>) {
+  return (
+    app: VueInstance,
+    options: CreateVitePressAnalyticsInstanceOptions
+  ) => {
+    if (!isBrowser) return
+
+    // Synchronize the real properties with the prototype to the exported instance
+    const analyticsInstance = new VueAnalytics<P>({ platform, ...options })
+    for (const key in analyticsInstance) {
+      if (Object.prototype.hasOwnProperty.call(analyticsInstance, key)) {
+        // @ts-ignore
+        analytics[key] = analyticsInstance[key]
+      }
+    }
+    const prototype = Object.getPrototypeOf(analyticsInstance)
+    Object.setPrototypeOf(analytics, prototype)
+
+    // Add a global property to Vue instance
+    const property = getGlobalProperty(platform)
+    const version = getMajorVersion(app)
+    switch (version) {
+      case 2: {
+        app.prototype[property] = analytics
+        break
+      }
+      case 3: {
+        app.config.globalProperties[property] = analytics
+        break
+      }
+    }
+  }
+}
+
+export function createVitePressBaiduAnalytics() {
+  // @ts-ignore
+  const baiduAnalytics: VueAnalytics<'baidu'> = {}
+
+  return {
+    baiduAnalytics,
+    registerBaiduAnalytics: registerProvider({
+      analytics: baiduAnalytics,
+      platform: 'baidu',
+    }),
+  }
+}
+
+export function createVitePressCnzzAnalytics() {
+  // @ts-ignore
+  const cnzzAnalytics: VueAnalytics<'cnzz'> = {}
+
+  return {
+    cnzzAnalytics,
+    registerCnzzAnalytics: registerProvider({
+      analytics: cnzzAnalytics,
+      platform: 'cnzz',
+    }),
+  }
+}