chore: migrate to eslint v9

eslint.config.mjs

@@ -0,0 +1,15 @@
+// @ts-check
+import { createConfigForNuxt } from '@nuxt/eslint-config/flat'
+
+export default createConfigForNuxt({
+  features: {
+    tooling: true,
+    stylistic: true,
+  },
+  dirs: {
+    src: [
+      './playground-nuxt2',
+      './playground',
+    ],
+  },
+})

package.json

@@ -31,7 +31,7 @@
     "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
     "dev": "nuxt dev playground",
     "dev:build": "nuxt build playground",
-    "lint": "eslint --ext .ts .",
+    "lint": "eslint .",
     "release": "pnpm test && pnpm build && standard-version && npm publish && git push --follow-tags",
     "test": "pnpm lint"
   },
@@ -44,13 +44,13 @@
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.3.1",
-    "@nuxtjs/eslint-config-typescript": "^12.0.0",
-    "eslint": "^8.40.0",
+    "eslint": "^9.1.1",
     "nuxt": "^3.5.0",
     "standard-version": "^9.5.0",
-    "typescript": "^5.0.4"
+    "typescript": "^5.0.4",
+    "@nuxt/eslint-config": "^0.3.9"
   },
   "resolutions": {
     "@nuxtjs/web-vitals": "link:."
   }
-}
+}

playground-nuxt2/layouts/default.vue

@@ -5,7 +5,10 @@
     <div>
       Metrics:
       <ul>
-        <li v-for="(event, index) of events" :key="index">
+        <li
+          v-for="(event, index) of events"
+          :key="index"
+        >
           [{{ event.metric.name }}] {{ event.context.fullPath }} {{ event.metric.value }} ({{ event.date.toUTCString() }})
         </li>
       </ul>
@@ -15,16 +18,16 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
-      events: []
+      events: [],
     }
   },
-  mounted () {
+  mounted() {
     window.onVitalEvent && window.onVitalEvent((event) => {
       this.events.unshift(event)
       this.events = this.events.splice(0, 3 * 4)
     })
-  }
+  },
 }
 </script>

playground-nuxt2/nuxt.config.ts

@@ -1,10 +1,10 @@
 export default {
   buildModules: [
-    require('..')
+    require('..'),
   ],
   webVitals: {
-    debug: true
-  }
+    debug: true,
+  },
   // googleAnalytics: {
   //   id: 'hello'
   // }

playground/app.vue

@@ -5,7 +5,10 @@
     <div>
       Metrics:
       <ul>
-        <li v-for="(event, index) of events" :key="index">
+        <li
+          v-for="(event, index) of events"
+          :key="index"
+        >
           [{{ event.metric.name }}] {{ event.context.fullPath }} {{ event.metric.value }} ({{ event.date.toUTCString() }})
         </li>
       </ul>
@@ -15,16 +18,16 @@
 
 <script>
 export default {
-  data () {
+  data() {
     return {
-      events: []
+      events: [],
     }
   },
-  mounted () {
+  mounted() {
     window.onVitalEvent && window.onVitalEvent((event) => {
       this.events.unshift(event)
       this.events = this.events.splice(0, 3 * 4)
     })
-  }
+  },
 }
 </script>

playground/nuxt.config.ts

@@ -1,12 +1,12 @@
 export default defineNuxtConfig({
   modules: [
-    '../src/module'
+    '../src/module',
   ],
   webVitals: {
     // provider: 'log',
     api: { url: '/api/web-vitals' },
     // ga: { id: 123 },
     // gtm: {},
-    debug: true
-  }
+    debug: true,
+  },
 })