feat: add rybbit analytics to registry

[dankerow]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Add Rybbit Analytics to registry

[vercel]

@dankerow is attempting to deploy a commit to the Nuxt Team on Vercel.

A member of the Team first needs to authorize it.

[harlan-zw]

Awesome, thanks for your work on this 🙌

[bananacity]

Hi, I'm trying to use rybbit using this and it works perfectly for standard page views etc but I'm struggling with custom events seemingly randomly not being sent? It seems that if I do a hard refresh on my page and try to trigger an event then it isn't sent. but if i then navigate to a different page then back then the events are correctly sent

This is my nuxt config setup for my self hosted instance.
// Nuxt scripts module scripts: { registry: { // Website analytics Rybbit.io rybbitAnalytics: { scriptInput: { src: 'https://tracking.mywebsite.com/api/script.js', }, siteId: '1', }, }, },
and then on various pages i use
const { proxy } = useScriptRybbitAnalytics() proxy.rybbit.event('onboarding_completed')

proxy.rybbit.identify(currentUser.id) proxy.rybbit.event('signed_out') proxy.rybbit.clearUserId() Could it be something to do with SSR potentially? Still new to nuxt so not 100% sure but wanted to check

[harlan-zw]

@bananacity it may be double registering the script as you've modified the script src for the global one. Nuxt Scripts lets you load in multiple analytics scripts.

I'd suggest using just the composable if you want to send custom events, so you would do:

const { proxy } = useScriptRybbitAnalytics({
  siteId: 1,
  scriptInput: { src: 'https://tracking.mywebsite.com/api/script.js' },
})

proxy.event('foo')

and remove the config from nuxt.config.

(btw i pushed up some fixes for the types)

If you still have issues please make a dedicated issue to track.