How to use Plausible right? TypeError: context.call is not a function

[torbentschechne]

Hey guys,

I have a nuxt application for my frontend and use several layers (I don't use JS/Nuxt for backend purposes). Right now my structure is as this:

apps/firstApp
apps/secondApp
apps/thirdApp
packages/core

All three apps extend the nuxt.config from the packages/core layer. I installed nuxt scripts to the packages/core layer and did this:

export default defineNuxtConfig({
  modules: [
     ...,
    '@nuxt/scripts',
  ],

Then in the nuxt config of the firstApp and secondApp I did this (in the third app doesn't need plausible and I don't use the scripts key in the config):

export default defineNuxtConfig({
  extends: ['@myproject/core'],
  scripts: {
      registry: {
        plausibleAnalytics: {
          scriptId: process.env.PLAUSIBLE_SCRIPT_ID,
          autoCapturePageviews: false
        }
      }
    },

When I use it in my component now like this:

const { proxy } = useScriptPlausibleAnalytics()
proxy.plausible('visited_login')

I get this error in the console:

Uncaught (in promise) TypeError: context.call is not a function
    at unhead.B578PsDV.mjs?v=a425f56f:55:27
    at Array.forEach (<anonymous>)
    at unhead.B578PsDV.mjs?v=a425f56f:50:16
    at Array.forEach (<anonymous>)
    at replayProxyRecordings (unhead.B578PsDV.mjs?v=a425f56f:47:9)
    at unhead.B578PsDV.mjs?v=a425f56f:252:7
    at unhead.B578PsDV.mjs?v=a425f56f:239:36
    at Array.forEach (<anonymous>)
    at unhead.B578PsDV.mjs?v=a425f56f:239:20

What did I do wrong? When I use it like this:

const { proxy, onLoaded } = useScriptPlausibleAnalytics()

onLoaded(() => {
  proxy.plausible('visited_login')  
})

The error is gone, but no event is being sent. According to the docs, it should simply work like in the first case. Does anybody has an idea?

[torbentschechne]

Is the issue, that 0.13.0 works with Nuxt v4, but I'm on Nuxt 3.16.0?

[torbentschechne]

Yes, with 0.11.13 it works with Nuxt3, but with the old syntax. I don't believe this version should be used in production, should it? ;-)

[harlan-zw]

Hey this seems like a bug would you be able to make an issue and we can investigate 🙏

[torbentschechne]

@harlan-zw Thanks for getting back to me. But still the current version 0.13.0 is not compatible with Nuxt 3, is it?