Implement Vercel Web Analytics for Nuxt

.gitignore

@@ -0,0 +1,29 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# Lock files (we'll keep these)
+# package-lock.json
+# pnpm-lock.yaml
+# yarn.lock

app.vue

@@ -0,0 +1,10 @@
+<script setup>
+import { Analytics } from '@vercel/analytics/nuxt'
+</script>
+
+<template>
+  <div>
+    <NuxtPage />
+    <Analytics />
+  </div>
+</template>

eslint.config.mjs

@@ -0,0 +1,6 @@
+// @ts-check
+export default [
+  {
+    ignores: ['.nuxt', '.output', 'dist', 'node_modules']
+  }
+]

nuxt.config.ts

@@ -0,0 +1,5 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2024-11-01',
+  devtools: { enabled: true },
+})