chore: format code before submitting it

Author: coderwyd

.vscode/settings.json

@@ -3,14 +3,46 @@
     "Astro",
     "bumpp",
     "coderwyd",
-    "taze"
+    "taze",
+    "tsup"
   ],
+  // Enable the ESlint flat config support
+  "eslint.experimental.useFlatConfig": true,
+
+  // Disable the default formatter, use eslint instead
   "prettier.enable": false,
   "editor.formatOnSave": false,
+
+  // Auto fix
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": true,
     "source.organizeImports": false
   },
-  "eslint.experimental.useFlatConfig": true,
-  "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact", "vue", "html", "markdown", "json", "jsonc", "yaml"]
+
+  // 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"
+  ]
 }

package.json

@@ -68,13 +68,15 @@
     "vue-eslint-parser": "^9.3.1",
     "yaml-eslint-parser": "^1.2.2"
   },
+  "nano-staged": {
+    "*": "eslint --fix"
+  },
   "devDependencies": {
     "@types/node": "^20.6.3",
     "@types/react": "^18.2.22",
     "bumpp": "^9.2.0",
     "eslint": "^8.49.0",
-    "eslint-plugin-sort-keys": "^2.3.5",
-    "lint-staged": "^14.0.1",
+    "nano-staged": "^0.8.0",
     "react": "^18.2.0",
     "simple-git-hooks": "^2.9.0",
     "sucrase": "^3.34.0",