fix: nuxt-module-plausible no longer throws an error on navigation

Author: timelytree

modules/nuxt-module-plausible/index.js

@@ -28,10 +28,10 @@ const plugins = [
 
 // ///////////////////////////////////////////////////////////// registerPlugins
 const registerPlugins = () => {
-    plugins.forEach((plugin) => {
-      addPlugin(plugin)
-      console.log('🔌 [nuxt-module-plausible:plugin]')
-    })
+  plugins.forEach((plugin) => {
+    addPlugin(plugin)
+    console.log('🔌 [nuxt-module-plausible:plugin]')
+  })
 }
 
 // /////////////////////////////////////////////////////////////////////// Setup

modules/nuxt-module-plausible/plugin.js

@@ -4,37 +4,42 @@ import { defineNuxtPlugin } from '#imports'
 
 // ////////////////////////////////////////////////////////////////////// Export
 // -----------------------------------------------------------------------------
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin(() => {
+  if (process.server) { return } // only run client-side
 
-  // Do not fire Plausible if not in production mode
-  // unless tracking localhost is explicitly enabled in the config
-  if (process.env.NODE_ENV !== 'production') {
-    if (!nuxtApp.$config.public.plausible.trackLocalhost) {
-      return
-    }
+  const router = useRouter()
+  const config = useRuntimeConfig().public
+
+  // Only run in production OR if trackLocalhost is explcitly set to true
+  if (process.env.NODE_ENV !== 'production' || !config.trackLocalhost === true) {
+    return
   }
 
-  const router = nuxtApp.$router
-  const config = nuxtApp.$config.public.siteUrl
+  console.log('PASS')
+
   let isInitialPageLoad = true
 
-  router.afterEach((to) => {
+  router.afterEach(to => {
+
+    console.log(to)
 
     // Ignore initial page because it's fired in the head
     if (isInitialPageLoad) {
       isInitialPageLoad = false
       return
     }
 
-    // Check if we're on client-side
-    if (process.client) {
-      // Track virtual navigation changes
-      window.plausible = window.plausible || function() {
-        (window.plausible.q = window.plausible.q || []).push(arguments)
-      }
-      window.plausible('pageview', {
-        url: `${config.public.siteUrl}${to.fullPath}`
-      })
+    // Track virtual navigation changes
+    window.plausible = window.plausible || function () {
+      (window.plausible.q = window.plausible.q || []).push(arguments)
     }
+
+    console.log({
+      url: `${config.siteUrl}${to.fullPath}`
+    })
+
+    window.plausible('pageview', {
+      url: `${config.siteUrl}${to.fullPath}`
+    })
   })
 })

nuxt.config.js

@@ -132,7 +132,7 @@ export default defineNuxtConfig({
   plausible: {
     include: true,
     domain: 'singularity.storage',
-    trackLocalhost: true,
+    trackLocalhost: false,
     autoOutboundTracking: true
   },
   // //////////////////////////////////////////////////// [Module] @nuxt/content