Enable Vercel Speed Insights for Nuxt app

app/app.vue

@@ -2,6 +2,7 @@
   <div>
     <NuxtRouteAnnouncer />
     <Analytics />
+    <SpeedInsights />
     <NuxtLayout>
       <NuxtPage />
     </NuxtLayout>
@@ -10,4 +11,5 @@
 
 <script setup lang="ts">
 import { Analytics } from '@vercel/analytics/nuxt'
+import { SpeedInsights } from '@vercel/speed-insights/nuxt'
 </script>

package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@fontsource-variable/roboto-slab": "^5.2.6",
     "@vercel/analytics": "^1.5.0",
+    "@vercel/speed-insights": "^1.2.0",
     "bulma": "^1.0.4",
     "nuxt": "^4.0.3",
     "typescript": "^5.6.3",

yarn.lock

@@ -1683,6 +1683,11 @@
     picomatch "^4.0.2"
     resolve-from "^5.0.0"
 
+"@vercel/speed-insights@^1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@vercel/speed-insights/-/speed-insights-1.2.0.tgz#1656c3596d4ec02d93d301ca45944c1b9b245186"
+  integrity sha512-y9GVzrUJ2xmgtQlzFP2KhVRoCglwfRQgjyfY607aU0hh0Un6d0OUyrJkjuAlsV18qR4zfoFPs/BiIj9YDS6Wzw==
+
 "@vitejs/plugin-vue-jsx@^5.0.1":
   version "5.0.1"
   resolved "https://registry.npmjs.org/@vitejs/plugin-vue-jsx/-/plugin-vue-jsx-5.0.1.tgz"