chore: migrate to eslint v9 (#195)

.vscode/settings.json

@@ -17,4 +17,5 @@
     "source.fixAll.eslint": true
   },
   "editor.formatOnSave": false,
-}
+  "eslint.experimental.useFlatConfig": true
+}

eslint.config.js

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

package.json

@@ -34,14 +34,14 @@
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.1.1",
+    "@nuxt/eslint-config": "^0.3.6",
     "@nuxt/module-builder": "^0.4.0",
     "@nuxt/schema": "^3.6.5",
     "@nuxt/test-utils": "^3.6.5",
     "@types/node": "^18.17.3",
     "changelogen": "^0.5.4",
-    "eslint": "^8.46.0",
+    "eslint": "^9.0.0",
     "nuxt": "^3.6.5",
     "vitest": "^0.34.1"
   }
-}
+}

playground/layouts/default.vue

@@ -1,17 +1,18 @@
 <script setup lang="ts">
 import { computed, navigateTo, useRoute } from '#imports'
+
 const route = useRoute()
 
 function changeQueryParams() {
   if (hasQueryParams.value)
     navigateTo({
       path: currentRoute.value,
-      query: {}
+      query: {},
     })
   else
     navigateTo({
       path: currentRoute.value,
-      query: { test: 'true' }
+      query: { test: 'true' },
     })
 }
 
@@ -35,14 +36,13 @@ const hasQueryParams = computed(() => currentRoute.value.includes('?'))
     <Adsbygoogle
       ad-format="horizontal"
       data-ad-full-width-responsive="true"
-      :ad-style="{ display: 'inline-block', height: '90px', maxWidth: '1000px'}"
+      :ad-style="{ display: 'inline-block', height: '90px', maxWidth: '1000px' }"
     />
 
     <button @click="changeQueryParams()">
       Change Query Params
     </button>
 
-
     <NuxtPage />
   </div>
 </template>

playground/nuxt.config.ts

@@ -1,7 +1,7 @@
 export default defineNuxtConfig({
   modules: ['../src/module'],
   googleAdsense: {
-    id: 'test-me-id'
+    id: 'test-me-id',
   },
-  devtools: { enabled: true }
+  devtools: { enabled: true },
 })

playground/pages/index.vue

@@ -3,7 +3,7 @@
     <Adsbygoogle
       ad-format="vertical"
       :include-query="true"
-      :style="{minWidth: '300px'}"
+      :style="{ minWidth: '300px' }"
     />
 
     <div class="content">