Vue plugins?

[idank]

Is it possible to create vue plugins in a vitepress project? Specifically interested in integrating with posthog, and they mention this as the first option.

[userquin]

You can, check enhanceApp here https://vitepress.dev/guide/custom-theme#theme-interface

Check also SSR hints here https://vitepress.dev/guide/ssr-compat#conditional-import

[idank]

Thanks, I can't quite get this to work though:

diff --git a/.vitepress/theme/index.js b/.vitepress/theme/index.js
index 508d8b4..254b122 100644
--- a/.vitepress/theme/index.js
+++ b/.vitepress/theme/index.js
@@ -1,4 +1,14 @@
 import DefaultTheme from 'vitepress/theme'
 import './custom.css'
 
-export default DefaultTheme
\ No newline at end of file
+export default {
+    ...DefaultTheme,
+    async enhanceApp({ app }) {
+        if (!import.meta.env.SSR) {
+          const plugin = await import('../../plugins/posthog.js')
+          app.use(plugin)
+        }
+      }
+}
diff --git a/package-lock.json b/package-lock.json
index 1ef96e9..3d8bc23 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,6 +5,7 @@
   "packages": {
     "": {
       "dependencies": {
+        "posthog-js": "^1.87.6",
         "swiper": "^10.3.1"
       },
       "devDependencies": {
diff --git a/package.json b/package.json
index ee81646..b3a67ad 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "vitepress": "^1.0.0-rc.20"
   },
   "dependencies": {
+    "posthog-js": "^1.87.6",
     "swiper": "^10.3.1"
   }
 }
diff --git a/plugins/posthog.js b/plugins/posthog.js
new file mode 100644
index 0000000..9351362
--- /dev/null
+++ b/plugins/posthog.js
@@ -0,0 +1,12 @@
+import posthog from "posthog-js";
+
+export default {
+    install: (app) => {
+        app.config.globalProperties.$posthog = posthog.init(
+            ...,
+            {
+              api_host: "https://app.posthog.com",
+            }
+          );
+    }
+  }

Does this look right? It builds fine, but not getting any events. Also see this warning in the dev console:

[Vue warn]: A plugin must either be a function or an object with an "install" function.

[brc-dd]

app.use(plugin.default)