feat: add analytics + remove nuxt image

Author: danielroe

app/plugins/vercel-analytics.client.ts

@@ -0,0 +1,25 @@
+export default defineNuxtPlugin({
+  enforce: 'pre',
+  env: { islands: false },
+  setup() {
+    if (import.meta.test || import.meta.dev) {
+      return
+    }
+
+    window.va = function (...params: unknown[]) {
+      (window.vaq = window.vaq || []).push(params)
+    }
+
+    useScript({
+      'src': '/_v/script.js',
+      'data-endpoint': '/_v',
+    })
+  },
+})
+
+declare global {
+  interface Window {
+    va?: (...args: unknown[]) => void
+    vaq?: unknown[][]
+  }
+}

nuxt.config.ts

@@ -5,7 +5,6 @@ export default defineNuxtConfig({
     '@nuxtjs/html-validator',
     '@nuxt/scripts',
     '@nuxt/fonts',
-    '@nuxt/image',
     'nuxt-og-image',
     '@nuxt/test-utils',
     '@vite-pwa/nuxt',
@@ -35,6 +34,10 @@ export default defineNuxtConfig({
     '/': { prerender: true },
     '/**': { isr: 60 },
     '/search': { isr: false, cache: false },
+    '/_v/script.js': { proxy: 'https://npmx.dev/_vercel/insights/script.js' },
+    '/_v/view': { proxy: 'https://npmx.dev/_vercel/insights/view' },
+    '/_v/event': { proxy: 'https://npmx.dev/_vercel/insights/event' },
+    '/_v/session': { proxy: 'https://npmx.dev/_vercel/insights/session' },
   },
 
   future: {
@@ -48,6 +51,12 @@ export default defineNuxtConfig({
 
   compatibilityDate: '2024-04-03',
 
+  nitro: {
+    externals: {
+      inline: ['isomorphic-dompurify'],
+    },
+  },
+
   eslint: {
     config: {
       stylistic: true,

package.json

@@ -27,7 +27,6 @@
   "dependencies": {
     "@nuxt/eslint": "^1.12.1",
     "@nuxt/fonts": "^0.12.1",
-    "@nuxt/image": "^2.0.0",
     "@nuxt/scripts": "^0.13.2",
     "@nuxtjs/html-validator": "^2.1.0",
     "nuxt": "https://pkg.pr.new/nuxt@8d4f9ba",