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?

[harlan-zw]

Hey — bumping this. We never got a repro issue and the context.call is not a function symptom doesn't match anything obvious in the current Plausible registry. Could you confirm whether you still hit this on the latest @nuxt/scripts and share a minimal layer-based repro? Happy to dig in once I can reproduce 🙏

[harlan-zw]

Tried to reproduce on current @nuxt/scripts (1.0.6) with a minimal layer setup mirroring yours — layer with the module + app extending it + scripts.registry.plausibleAnalytics.scriptId in the app config — and it works fine, no context.call error.

Your earlier comment hinted this was likely a 0.13.0 + Nuxt 3.16 compatibility thing, which lines up with what I'm seeing now. Closing as outdated — please open a fresh issue with a repro if you still hit this on a current version 🙏