feat: integrate vercel analytics

.vscode/settings.json

@@ -11,7 +11,6 @@
   "eslint.validate": [
     "vue",
     "yaml",
-    "html",
     "json",
     "jsonc",
     "json5",

app.vue

@@ -1,12 +1,17 @@
+<script lang="ts" setup>
+import { Analytics } from '@vercel/analytics/nuxt'
+</script>
+
 <template>
   <Suspense>
     <main class="flex flex-col lg:h-screen">
       <NuxtLayout />
+      <Analytics />
       <NuxtPwaManifest />
     </main>
 
     <template #fallback>
-      <div class="h-screen flex flex-center gap-1 text-3xl font-bold">
+      <div class="h-screen flex flex-center gap-1 text-3xl font-medium">
         <div class="i-ri:loader-4-fill animate-spin" />
         Loading...
       </div>

cspell.json

@@ -12,8 +12,10 @@
     "Hubot",
     "iconify",
     "nuxt",
+    "nuxtjs",
     "shiki",
     "unocss",
+    "vercel",
     "vitesse",
     "vueuse",
     "weapp"

eslint.config.mjs

@@ -1,10 +1,10 @@
 // @ts-check
 
 import { defineESLintConfig } from '@ntnyq/eslint-config'
-import nuxt from './.nuxt/eslint.config.mjs'
+import withNuxt from './.nuxt/eslint.config.mjs'
 
 const configs = await defineESLintConfig({
   svgo: true,
 })
 
-export default nuxt(configs)
+export default withNuxt(configs)

nuxt.config.ts

@@ -6,7 +6,7 @@
 import { META } from './composables/constants'
 
 export default defineNuxtConfig({
-  compatibilityDate: '2025-01-10',
+  compatibilityDate: '2025-02-06',
 
   css: ['@unocss/reset/tailwind.css', '~/styles/vars.css', '~/styles/index.css'],
 
@@ -40,8 +40,25 @@ export default defineNuxtConfig({
   },
 
   nitro: {
-    prerender: {
-      routes: ['/'],
+    preset: 'static',
+    esbuild: {
+      options: {
+        target: 'esnext',
+      },
+    },
+    routeRules: {
+      '/': {
+        prerender: true,
+      },
+      '/*': {
+        prerender: false,
+      },
+      '/200.html': {
+        prerender: true,
+      },
+      '/404.html': {
+        prerender: true,
+      },
     },
   },
 
@@ -65,7 +82,7 @@ export default defineNuxtConfig({
   },
 
   devtools: {
-    enabled: true,
+    enabled: false,
   },
 
   eslint: {
@@ -75,9 +92,11 @@ export default defineNuxtConfig({
   },
 
   experimental: {
-    // should be disabled when `ssr: false`
-    appManifest: true,
+    appManifest: false,
+    clientNodeCompat: true,
     payloadExtraction: false,
+    renderJsonPayloads: true,
+    typedPages: true,
   },
 
   future: {

package.json

@@ -3,9 +3,15 @@
   "type": "module",
   "version": "0.0.0",
   "private": true,
-  "packageManager": "[email protected].0",
+  "packageManager": "[email protected].1",
   "description": "ntnyq.com",
   "keywords": [],
+  "author": {
+    "name": "ntnyq",
+    "email": "[email protected]",
+    "url": "https://ntnyq.com"
+  },
+  "repository": "ntnyq/ntnyq.com",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
@@ -15,13 +21,14 @@
     "postinstall": "nuxt prepare",
     "prepare": "husky",
     "preview": "nuxt preview",
-    "release": "bumpp && pnpm publish",
+    "release": "bumpp",
     "typecheck": "nuxt typecheck"
   },
   "dependencies": {
     "@nuxt/content": "^3.1.0",
     "@nuxt/image": "^1.9.0",
     "@unocss/nuxt": "^65.4.3",
+    "@vercel/analytics": "^1.4.1",
     "@vite-pwa/nuxt": "^0.10.6",
     "@vueuse/nuxt": "^12.5.0",
     "floating-vue": "^5.2.2",
@@ -40,7 +47,7 @@
     "@nuxt/eslint": "^1.0.0",
     "@types/prompts": "^2.4.9",
     "@unocss/reset": "^65.4.3",
-    "bumpp": "^10.0.1",
+    "bumpp": "^10.0.2",
     "consola": "^3.4.0",
     "eslint": "^9.19.0",
     "husky": "^9.1.7",
@@ -56,11 +63,14 @@
   },
   "pnpm": {
     "onlyBuiltDependencies": [
-      "better-sqlite3"
+      "better-sqlite3",
+      "@parcel/watcher",
+      "esbuild",
+      "sharp"
     ]
   },
   "nano-staged": {
-    "*.{js,ts,mjs,cjs,vue,html,svg,json,md,yml,yaml}": "eslint --fix",
-    "*.{css,scss}": "prettier -uw"
+    "*.{js,ts,mjs,cjs,vue,svg,json,md,yml,yaml}": "eslint --fix",
+    "*.{css,scss,html}": "prettier -uw"
   }
 }