chore: migrate to eslint v9 (#475)

Author: danielroe

.eslintignore

@@ -9,18 +9,18 @@ export default defineAppConfig({
     image: 'https://html-validator.nuxtjs.org/preview.png',
     aside: {
       level: 0,
-      exclude: []
+      exclude: [],
     },
     header: {
-      logo: true
+      logo: true,
     },
     footer: {
       iconLinks: [
         {
           href: 'https://nuxt.com',
-          icon: 'simple-icons:nuxtdotjs'
-        }
-      ]
-    }
-  }
+          icon: 'simple-icons:nuxtdotjs',
+        },
+      ],
+    },
+  },
 })

.eslintrc.cjs

@@ -1,6 +1,12 @@
 <template>
-  <img class="dark-img" src="/logo-dark.svg">
-  <img class="light-img" src="/logo-light.svg">
+  <img
+    class="dark-img"
+    src="/logo-dark.svg"
+  >
+  <img
+    class="light-img"
+    src="/logo-light.svg"
+  >
 </template>
 
 <style lang="ts">

docs/.eslintignore

@@ -1,3 +1,3 @@
 export default defineNuxtConfig({
-  extends: '@nuxt-themes/docus'
+  extends: '@nuxt-themes/docus',
 })

docs/.eslintrc.cjs

@@ -11,8 +11,6 @@
   },
   "devDependencies": {
     "@nuxt-themes/docus": "1.15.0",
-    "@nuxt/eslint-config": "0.2.0",
-    "eslint": "8.56.0",
     "nuxt": "3.11.1"
   },
   "dependencies": {

docs/app.config.ts

@@ -5,16 +5,16 @@ import { defineTheme } from 'pinceau'
 export default defineTheme({
   color: {
     primary: {
-      '50': '#eefbf5',
-      '100': '#d7f4e5',
-      '200': '#b1e9cf',
-      '300': '#7fd6b4',
-      '400': '#41b38a',
-      '500': '#27a27a',
-      '600': '#198262',
-      '700': '#146850',
-      '800': '#125341',
-      '900': '#104436',
-    }
-  }
+      50: '#eefbf5',
+      100: '#d7f4e5',
+      200: '#b1e9cf',
+      300: '#7fd6b4',
+      400: '#41b38a',
+      500: '#27a27a',
+      600: '#198262',
+      700: '#146850',
+      800: '#125341',
+      900: '#104436',
+    },
+  },
 })

docs/components/Logo.vue

@@ -0,0 +1,28 @@
+// @ts-check
+import { createConfigForNuxt } from '@nuxt/eslint-config/flat'
+
+export default createConfigForNuxt({
+  features: {
+    tooling: true,
+    stylistic: true,
+  },
+  dirs: {
+    src: [
+      './playground',
+      './docs',
+    ],
+  },
+}).append(
+  {
+    files: ['test/**'],
+    rules: {
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+  },
+  {
+    files: ['docs/**'],
+    rules: {
+      'vue/multi-word-component-names': 'off',
+    },
+  },
+)