chore: update deps, migrate to new eslint format

.vscode/settings.json

@@ -1,10 +1,45 @@
 {
-  "prettier.enable": false,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
   "files.associations": {
     "*.css": "postcss"
   },
-  "editor.formatOnSave": false
+
+  // Disable the default formatter
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": true,
+    "source.organizeImports": false
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off" },
+    { "rule": "*-indent", "severity": "off" },
+    { "rule": "*-spacing", "severity": "off" },
+    { "rule": "*-spaces", "severity": "off" },
+    { "rule": "*-order", "severity": "off" },
+    { "rule": "*-dangle", "severity": "off" },
+    { "rule": "*-newline", "severity": "off" },
+    { "rule": "*quotes", "severity": "off" },
+    { "rule": "*semi", "severity": "off" }
+  ],
+
+  // The following is optional.
+  // It's better to put under project setting `.vscode/settings.json`
+  // to avoid conflicts with working with different eslint configs
+  // that does not support all formats.
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
 }

eslint.config.js

@@ -0,0 +1,7 @@
+import antfu from '@antfu/eslint-config'
+import unocss from '@unocss/eslint-plugin'
+
+export default antfu(
+  {},
+  unocss.configs.flat,
+)

package.json

@@ -1,33 +1,34 @@
 {
+  "type": "module",
   "private": true,
-  "packageManager": "pnpm@8.7.0",
+  "packageManager": "pnpm@8.8.0",
   "scripts": {
     "build": "nuxi build",
-    "dev": "nuxi dev",
     "dev:pwa": "VITE_PLUGIN_PWA=true nuxi dev",
+    "dev": "nuxi dev",
+    "generate": "nuxi generate",
+    "postinstall": "nuxi prepare",
     "start": "node .output/server/index.mjs",
-    "typecheck": "vue-tsc --noEmit",
+    "start:generate": "npx serve .output/public",
     "lint": "eslint .",
-    "postinstall": "nuxi prepare",
-    "generate": "nuxi generate",
-    "start:generate": "npx serve .output/public"
+    "typecheck": "vue-tsc --noEmit"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.41.0",
-    "@iconify-json/carbon": "^1.1.20",
+    "@antfu/eslint-config": "^1.0.0-beta.12",
+    "@iconify-json/carbon": "^1.1.21",
     "@iconify-json/twemoji": "^1.1.12",
-    "@nuxt/devtools": "^0.8.1",
+    "@nuxt/devtools": "^0.8.5",
     "@nuxtjs/color-mode": "^3.3.0",
     "@pinia/nuxt": "^0.4.11",
-    "@unocss/eslint-config": "^0.55.3",
-    "@unocss/nuxt": "^0.55.3",
-    "@vite-pwa/nuxt": "^0.1.0",
+    "@unocss/eslint-config": "^0.56.4",
+    "@unocss/nuxt": "^0.56.4",
+    "@vite-pwa/nuxt": "^0.1.1",
     "@vueuse/nuxt": "^10.4.1",
     "consola": "^3.2.3",
-    "eslint": "^8.48.0",
-    "nuxt": "^3.7.0",
+    "eslint": "^8.50.0",
+    "nuxt": "^3.7.4",
     "pinia": "^2.1.6",
     "typescript": "^5.2.2",
-    "vue-tsc": "^1.8.8"
+    "vue-tsc": "^1.8.15"
   }
 }