props

Author: kellerza

.eslintrc.js

@@ -6,31 +6,38 @@ module.exports = {
   },
 
   extends: [
-    // add more generic rulesets here, such as:
     "eslint:recommended",
+    "plugin:import/recommended",
+    "plugin:import/typescript",
+    "plugin:vue/base",
     "plugin:vue/vue3-recommended",
-    // 'plugin:vue/recommended' // Use this if you are using Vue.js 2.x.
-    // "plugin:vue/vue3-essential",
-    //"plugin:@typescript-eslint/eslint-recommended",
-    //"plugin:@typescript-eslint/recommended",
-    "prettier",
-    "plugin:prettier/recommended", // Enables eslint-plugin-prettier and eslint-config-prettier. This will display prettier errors as ESLint errors. Make sure this is always the last configuration in the extends array.
+    "plugin:@typescript-eslint/recommended",
+    "prettier", // https://prettier.io/docs/en/integrating-with-linters.html
   ],
 
-  plugins: ["@typescript-eslint", "prettier"],
+  plugins: ["@typescript-eslint", "import"],
 
   rules: {
     "no-console":
       process.env.NODE_ENV === "production"
         ? ["warn", { allow: ["warn", "error", "debug"] }]
         : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
-    "prettier/prettier": ["error"],
     "vue/no-v-html": "off",
     "vue/require-default-prop": "off",
     "no-unused-vars": "off",
     "@typescript-eslint/no-unused-vars": "error",
     semi: ["warn", "never"],
+    "sort-imports": [
+      "error",
+      {
+        ignoreCase: false,
+        ignoreDeclarationSort: true, // don"t want to sort import lines, use eslint-plugin-import instead
+        ignoreMemberSort: false,
+        memberSyntaxSortOrder: ["none", "all", "multiple", "single"],
+        allowSeparatedGroups: true,
+      },
+    ],
   },
 
   root: true,
@@ -48,4 +55,13 @@ module.exports = {
       jsx: false,
     },
   },
+
+  settings: {
+    "import/resolver": {
+      //# You will also need to install and configure the TypeScript resolver
+      //# See also https://github.com/import-js/eslint-import-resolver-typescript#configuration
+      typescript: true,
+      node: true,
+    },
+  },
 }

.pre-commit-config.yaml

@@ -8,4 +8,4 @@ repos:
           - ASend,asend
           - --skip
           - "package-lock.json,*.mod"
-        #exclude: ^helpers/frontend/html
+        exclude: ^src/utils/icon_codepoints.ts$

.prettierrc

@@ -1,3 +1,3 @@
 {
-    "semi": false
+  "semi": false
 }

.vscode/extensions.json

@@ -1,5 +1,8 @@
 {
     "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "streetsidesoftware.code-spell-checker",
         "vue.volar",
         "vue.vscode-typescript-vue-plugin"
     ]

.vscode/settings.json

@@ -1,24 +1,24 @@
 {
+    "eslint.run": "onType",
     "editor.codeActionsOnSave": {
-        "source.fixAll.eslint": true
+        "source.fixAll.eslint": true,
     },
-    "editor.formatOnSave": true,
-    "eslint.validate": ["javascript", "javascriptreact", "ts", "vue"],
-    "[javascript]": {
+      "[javascript]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        },
+    "[json]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "editor.formatOnSave": true
     },
     "[typescript]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "editor.formatOnSave": true
     },
     "[vue]": {
         "editor.defaultFormatter": "esbenp.prettier-vscode",
-        "editor.formatOnSave": true
     },
     "workbench.colorCustomizations": {
         "titleBar.activeBackground": "#080",
         "titleBar.activeForeground": "#eee",
         "titleBar.inactiveBackground": "#040",
-    }
+    },
+    "vue.codeActions.savingTimeLimit": 1500
 }