Nuxt Vercel Analytics

Vercel Analytics integration for Nuxt

📝 Features

• 🚀 Zero-config
• 📥 Auto-imports

🔧 Setup

1npx nuxi@latest module add vercel-analytics

That's it! Vercel Analytics is now integrated in your Nuxt app ✨

⚙️ Configuration

1// app.config.ts
2export default defineAppConfig({
3  vercelAnalytics: {
4    mode: "auto",
5    debug: true,
6    beforeSend: (event) => {
7      if (event.url.includes("/private")) return null;
8
9      return event;
10    },
11  },
12});

📈 Custom Events

To track an event, call vercelTrack and pass in a string representing the event name as the first argument

1const onSignup = () => {
2  vercelTrack("Signup");
3  // ...other logic
4};

Custom data

You can also pass custom data along with an event by passing an object as the second argument

1const onSignup = () => {
2  vercelTrack("Signup", { location: "footer" });
3  // ...other logic
4};