chore: update deps, migrate to new ESLint config format

.vscode/settings.json

@@ -4,12 +4,45 @@
   "i18n-ally.keystyle": "nested",
   "i18n-ally.localesPaths": "locales",
   "i18n-ally.sortKeys": true,
-  "prettier.enable": false,
-  "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-  },
+
   "files.associations": {
     "*.css": "postcss"
   },
-  "editor.formatOnSave": false
+
+  // Disable the default formatter, use eslint instead
+  "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" }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml"
+  ]
 }

README.md

@@ -90,7 +90,6 @@ Mocking up web app with <b>Vitesse</b><sup><em>(speed)</em></sup><br>
 - [`unplugin-auto-import`](https://github.com/antfu/unplugin-auto-import) - Directly use Vue Composition API and others without importing
 - [`unplugin-vue-macros`](https://github.com/sxzz/unplugin-vue-macros) - Explore and extend more macros and syntax sugar to Vue.
 - [`vite-plugin-pwa`](https://github.com/antfu/vite-plugin-pwa) - PWA
-- [`vite-plugin-vue-component-preview`](https://github.com/johnsoncodehk/vite-plugin-vue-component-preview) - Preview single component in VSCode
 - [`unplugin-vue-markdown`](https://github.com/antfu/unplugin-vue-markdown) - Markdown as components / components in Markdown
   - [`markdown-it-shiki`](https://github.com/antfu/markdown-it-shiki) - [Shiki](https://github.com/shikijs/shiki) for syntax highlighting
 - [Vue I18n](https://github.com/intlify/vue-i18n-next) - Internationalization

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,7 +1,7 @@
 {
   "type": "module",
   "private": true,
-  "packageManager": "pnpm@8.7.6",
+  "packageManager": "pnpm@8.8.0",
   "scripts": {
     "build": "vite-ssg build",
     "dev": "vite --port 3333 --open",
@@ -18,59 +18,59 @@
   },
   "dependencies": {
     "@unhead/vue": "^1.7.4",
-    "@unocss/reset": "^0.55.7",
+    "@unocss/reset": "^0.56.4",
     "@vueuse/core": "^10.4.1",
     "@vueuse/head": "^2.0.0",
     "nprogress": "^0.2.0",
     "pinia": "^2.1.6",
     "vue": "^3.3.4",
     "vue-demi": "^0.14.6",
     "vue-i18n": "^9.4.1",
-    "vue-router": "^4.2.4"
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.43.0",
+    "@antfu/eslint-config": "^1.0.0-beta.12",
     "@iconify-json/carbon": "^1.1.21",
     "@intlify/unplugin-vue-i18n": "^1.2.0",
-    "@types/markdown-it-link-attributes": "^3.0.1",
-    "@types/nprogress": "^0.2.0",
-    "@unocss/eslint-config": "^0.55.7",
+    "@types/markdown-it-link-attributes": "^3.0.2",
+    "@types/nprogress": "^0.2.1",
+    "@unocss/eslint-config": "^0.56.4",
     "@vitejs/plugin-vue": "^4.3.4",
-    "@vue-macros/volar": "^0.14.3",
+    "@vue-macros/volar": "^0.15.0",
     "@vue/test-utils": "^2.4.1",
     "critters": "^0.0.20",
     "cross-env": "^7.0.3",
-    "cypress": "^13.2.0",
+    "cypress": "^13.3.0",
     "cypress-vite": "^1.4.2",
-    "eslint": "^8.49.0",
+    "eslint": "^8.50.0",
     "eslint-plugin-cypress": "^2.15.1",
     "https-localhost": "^4.7.1",
     "lint-staged": "^14.0.1",
     "markdown-it-link-attributes": "^4.0.1",
     "markdown-it-shiki": "^0.9.0",
-    "pnpm": "^8.7.6",
+    "pnpm": "^8.8.0",
+    "rollup": "^3.29.3",
     "shiki": "^0.14.4",
     "simple-git-hooks": "^2.9.0",
-    "taze": "^0.11.2",
+    "taze": "^0.11.3",
     "typescript": "^5.2.2",
-    "unocss": "^0.55.7",
+    "unocss": "^0.56.4",
     "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.2",
-    "unplugin-vue-macros": "^2.5.1",
+    "unplugin-vue-macros": "^2.6.0",
     "unplugin-vue-markdown": "^0.24.3",
     "vite": "^4.4.9",
     "vite-bundle-visualizer": "^0.10.0",
     "vite-plugin-inspect": "^0.7.38",
     "vite-plugin-pages": "^0.31.0",
     "vite-plugin-pwa": "^0.16.5",
-    "vite-plugin-vue-component-preview": "^1.1.6",
-    "vite-plugin-vue-devtools": "^1.0.0-rc.4",
+    "vite-plugin-vue-devtools": "^1.0.0-rc.5",
     "vite-plugin-vue-layouts": "^0.8.0",
     "vite-plugin-webfont-dl": "^3.7.6",
-    "vite-ssg": "^0.23.2",
+    "vite-ssg": "^0.23.3",
     "vite-ssg-sitemap": "^0.5.1",
-    "vitest": "^0.34.4",
-    "vue-tsc": "^1.8.11"
+    "vitest": "^0.34.5",
+    "vue-tsc": "^1.8.15"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"