feat: introduce ESLint flat config

.prettierignore

@@ -0,0 +1 @@
+pnpm-lock.yaml

.vscode/settings.json

@@ -0,0 +1,4 @@
+{
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true
+}

README.md

@@ -83,7 +83,7 @@
 ### Coding Style
 
 - [Prettier](https://prettier.io/), single quotes, no semi
-- [ESLint](https://eslint.org/) with adapted [@nuxt/eslint-config](https://github.com/nuxt/eslint-config)
+- [ESLint flat config](https://eslint.org/docs/latest/use/configure/configuration-files-new) with adapted [@nuxt/eslint](https://github.com/nuxt/eslint), future-proof
 
 ### Dev tools
 

components/DialogConfirm.vue

@@ -31,7 +31,7 @@ defineExpose({ open })
   <v-dialog v-model="dialog" max-width="400px">
     <v-card style="z-index: -1">
       <v-card-text class="font-weight-bold d-flex">
-        <v-icon class="mr-2" color="warning"> $warning </v-icon>
+        <v-icon class="mr-2" color="warning" icon="$warning" />
         <span>{{ message }}</span>
       </v-card-text>
       <v-card-actions>

eslint.config.js

@@ -0,0 +1,16 @@
+import nuxt from './.nuxt/eslint.config.mjs'
+import eslintConfigPrettier from 'eslint-config-prettier'
+
+export default [
+  ...nuxt,
+  // @nuxt/eslint may disable all stylistic rules by default in the future
+  // https://github.com/nuxt/eslint/issues/342#issuecomment-2009005053
+  // remove eslint-config-prettier at that time
+  eslintConfigPrettier,
+  {
+    rules: {
+      'vue/valid-v-slot': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+    },
+  },
+]

nuxt.config.ts

@@ -26,6 +26,7 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     'vuetify-nuxt-module',
     'nuxt-auth-utils',
+    '@nuxt/eslint',
     '@nuxt/test-utils/module',
   ],
   css: ['~/assets/styles/index.css'],

package.json

@@ -8,18 +8,18 @@
     "generate": "nuxt generate",
     "postinstall": "nuxt prepare",
     "preview": "nuxt preview",
+    "prepare": "nuxt prepare",
     "typecheck": "nuxt typecheck",
     "test": "vitest",
-    "lint": "eslint . --fix --ignore-path .gitignore"
+    "lint": "eslint . --fix",
+    "format": "prettier . --write"
   },
   "devDependencies": {
     "@mdi/js": "^7.4.47",
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/eslint": "0.3.0-alpha.1",
     "@nuxt/test-utils": "^3.12.0",
     "@vue/test-utils": "^2.4.5",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
     "happy-dom": "^13.9.0",
     "nuxt": "^3.11.1",
     "playwright-core": "^1.42.1",