docs(playground): add Swetrix pageview/error tracking

apps/playground/package.json

@@ -17,6 +17,7 @@
     "client-zip": "catalog:",
     "fflate": "catalog:",
     "pinia": "catalog:",
+    "swetrix": "catalog:",
     "vue": "catalog:"
   },
   "devDependencies": {

apps/playground/src/main.ts

@@ -99,6 +99,7 @@ export const createApp = ViteSSG(
       pinia.state.value = initialState.pinia || {}
 
     if (!import.meta.env.SSR) {
+      await import('./plugins/analytics')
       const { useAuthStore } = await import('@vuetify/auth')
       useAuthStore().verify()
     }

apps/playground/src/plugins/analytics.ts

@@ -0,0 +1,20 @@
+// Framework
+import { IN_BROWSER } from '@vuetify/v0/constants'
+
+async function initAnalytics () {
+  const Swetrix = await import('swetrix')
+  Swetrix.init('NYQnHCV4oCFA', {
+    apiURL: 'https://swetrix-api.vuetifyjs.com/log',
+  })
+  Swetrix.trackViews()
+  Swetrix.trackErrors()
+}
+
+if (IN_BROWSER) {
+  const timeout = 2000
+  if (typeof requestIdleCallback === 'function') {
+    requestIdleCallback(() => initAnalytics(), { timeout })
+  } else {
+    setTimeout(initAnalytics, timeout)
+  }
+}