Changed plausible config

henripar · Feb 26, 2023 · 344cbf2 · 344cbf2
1 parent 48602cf
commit 344cbf2
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
   "dependencies": {
     "@chenfengyuan/vue-number-input": "^2.0.1",
     "@ckpack/vue-color": "^1.2.0",
+    "plausible-tracker": "^0.3.8",
     "vue": "^3.2.47"
   },
   "devDependencies": {

diff --git a/src/main.js b/src/main.js
@@ -1,6 +1,14 @@
-import { createApp } from 'vue'
-import App from './App.vue'
+import { createApp } from 'vue';
+import App from './App.vue';
 
-import './assets/main.css'
+import './assets/main.css';
 
-createApp(App).mount('#app')
+import plausible from './plugins/plausible';
+
+createApp(App)
+  .use(plausible, {
+    domain: 'scrollbar.app',
+    hashMode: true,
+    trackLocalhost: false,
+  })
+  .mount('#app');
diff --git a/src/plugins/plausible.js b/src/plugins/plausible.js
@@ -0,0 +1,11 @@
+import Plausible from 'plausible-tracker';
+
+export default {
+  install: (app, options) => {
+    const { enableAutoPageviews } = Plausible(options);
+
+    enableAutoPageviews();
+
+    app.provide('plausible');
+  },
+};