From 8935de100be141254e7000206bbc38895cbc70dd Mon Sep 17 00:00:00 2001
From: Philip Hutchison <philip@pipwerks.com>
Date: Mon, 22 Apr 2024 14:09:16 -0700
Subject: [PATCH] Added Plausible via custom layout

---
 docs/.vitepress/theme/CustomLayout.vue | 32 +++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 6 deletions(-)

diff --git a/docs/.vitepress/theme/CustomLayout.vue b/docs/.vitepress/theme/CustomLayout.vue
index 2845642..11f73d7 100644
--- a/docs/.vitepress/theme/CustomLayout.vue
+++ b/docs/.vitepress/theme/CustomLayout.vue
@@ -1,7 +1,28 @@
 <script setup>
-import DefaultTheme from 'vitepress/theme'
+import DefaultTheme from "vitepress/theme";
+const { Layout } = DefaultTheme;
 
-const { Layout } = DefaultTheme
+import { onMounted } from "vue";
+import Plausible from "plausible-tracker";
+
+// Set up Plausible options
+const options = {
+  domain: "pdfobject.com",
+  trackLocalhost: true,
+};
+
+// Initialize Plausible
+let plausibleInstance;
+
+onMounted(() => {
+  plausibleInstance = Plausible(options);
+
+  // Enable automatic page view tracking
+  plausibleInstance.enableAutoPageviews();
+
+  // Optionally enable other features like outbound link tracking
+  plausibleInstance.enableAutoOutboundTracking();
+});
 </script>
 
 <template>
@@ -26,8 +47,8 @@ const { Layout } = DefaultTheme
     </template> -->
 
     <template #home-hero-image>
-        <!-- Not quite ready for prime time... -->
-        <!-- <PdfObject url="/pdf/sample.pdf" :options="{ height: '500px' }" style="border: 1px solid rgba(0,0,0,.2)" /> -->
+      <!-- Not quite ready for prime time... -->
+      <!-- <PdfObject url="/pdf/sample.pdf" :options="{ height: '500px' }" style="border: 1px solid rgba(0,0,0,.2)" /> -->
     </template>
 
     <!-- <template #home-hero-after>
@@ -41,6 +62,5 @@ const { Layout } = DefaultTheme
     <!-- <template #home-features-after>
         <p>home-features-after</p>
     </template> -->
-
   </Layout>
-</template>
\ No newline at end of file
+</template>