chore(deps): code formater

web/.eslintignore

@@ -0,0 +1,14 @@
+*.sh
+node_modules
+*.md
+*.woff
+*.ttf
+.vscode
+.idea
+dist
+/public
+/docs
+.husky
+.local
+/bin
+Dockerfile

web/.eslintrc.js

@@ -0,0 +1,48 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true,
+  },
+  extends: [
+    "plugin:vue/vue3-recommended",
+    "plugin:prettier/recommended",
+    "eslint:recommended",
+    "@vue/typescript/recommended",
+  ],
+  globals: {
+    defineProps: "readonly",
+    defineEmits: "readonly",
+    defineExpose: "readonly",
+    withDefaults: "readonly",
+  },
+  parserOptions: {
+    ecmaVersion: 2020,
+    ecmaFeatures: {
+      legacyDecorators: true,
+    },
+  },
+  plugins: ["prettier"],
+  rules: {
+    "no-unused-vars": "off",
+    "prettier/prettier": "off",
+    "@typescript-eslint/no-explicit-any": "off", // off any warn
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/ban-types": "off",
+    "@typescript-eslint/ban-ts-comment": [
+      "warn",
+      {
+        "ts-expect-error": "allow-with-description",
+        "ts-ignore": "allow-with-description",
+        "ts-nocheck": "allow-with-description",
+        "ts-check": "allow-with-description",
+      },
+    ],
+    "vue/multi-word-component-names": "off",
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+  },
+};

web/.gitignore

@@ -1,3 +1,11 @@
+.DS_Store
+package-lock.json
+node_modules
+/dist
+.npmrc
+.cache
+.eslintcache
+
 # Logs
 logs
 *.log
@@ -24,4 +32,13 @@ dist-ssr
 *.sw?
 
 package-lock.json
-components.d.ts
+components.d.ts
+
+# yarn2
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

web/.prettierignore

@@ -0,0 +1,9 @@
+/dist/*
+.local
+.output.js
+/node_modules/**
+
+**/*.svg
+**/*.sh
+
+/public/*

web/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "tabWidth": 2,
+  "semi": true
+}

web/.stylelintignore

@@ -0,0 +1,4 @@
+/dist/*
+/public/*
+public/*
+node_modules/*

web/.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

web/package.json

@@ -5,7 +5,10 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "lint:eslint": "eslint --cache --max-warnings 0  \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",
+    "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
+    "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/"
   },
   "dependencies": {
     "@vicons/carbon": "^0.12.0",
@@ -14,7 +17,6 @@
     "@vicons/material": "^0.12.0",
     "@vicons/tabler": "^0.12.0",
     "axios": "^0.26.1",
-    "less": "^4.1.2",
     "lodash": "^4.17.21",
     "moment": "^2.29.3",
     "naive-ui": "^2.28.0",
@@ -31,8 +33,25 @@
   "devDependencies": {
     "@types/node": "^17.0.35",
     "@types/qrcode": "^1.4.2",
+    "@typescript-eslint/eslint-plugin": "^5.7.0",
+    "@typescript-eslint/parser": "^5.7.0",
     "@vitejs/plugin-vue": "^2.3.1",
+    "@vitejs/plugin-vue-jsx": "^1.3.1",
     "@vue/compiler-sfc": "^3.2.36",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-vue": "^8.2.0",
+    "less": "^4.1.2",
+    "postcss": "^8.4.4",
+    "postcss-html": "^1.3.0",
+    "prettier": "2.5.1",
+    "pretty-quick": "^3.1.1",
+    "stylelint": "^14.1.0",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^24.0.0",
+    "stylelint-order": "^5.0.0",
     "typescript": "^4.7.2",
     "vite": "^2.9.2"
   }

web/stylelint.config.js

@@ -0,0 +1,24 @@
+module.exports = {
+  root: true,
+  plugins: ['stylelint-order'],
+  extends: ['stylelint-config-standard', 'stylelint-config-prettier'],
+  customSyntax: 'postcss-html',
+  rules: {
+    'font-family-no-missing-generic-family-keyword': null,
+    'selector-pseudo-class-no-unknown': [
+      true,
+      {
+        ignorePseudoClasses: ['global'],
+      },
+    ],
+    'selector-pseudo-element-no-unknown': [
+      true,
+      {
+        ignorePseudoElements: ['v-deep'],
+      },
+    ],
+    'no-empty-source': null,
+    'no-descending-specificity': null,
+  },
+  ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
+};