add eslint

.eslintignore

@@ -0,0 +1,2 @@
+assets
+mock

.eslintrc.json

@@ -0,0 +1,31 @@
+{
+    "env": {
+        "browser": true,
+        "es2021": true
+    },
+    "extends": [
+        "plugin:vue/essential",
+        "airbnb-base"
+    ],
+    "parserOptions": {
+        "ecmaVersion": "latest",
+        "sourceType": "module"
+    },
+    "plugins": [
+        "vue"
+    ],
+    "rules": {
+        "semi": [2, "never"],
+        "comma-dangle": 0,
+        "no-console": 0,
+        "quotes": [2, "single"],
+        "no-undef": 0,
+        "no-debugger": 0,
+        "import/no-unresolved": 0,
+        "import/extensions": 0,
+        "no-param-reassign": 0,
+        "vue/multi-word-component-names": 0,
+        "vue/no-multiple-template-root": 0,
+        "import/no-extraneous-dependencies": 0
+    }
+}

package.json

@@ -8,7 +8,9 @@
     "build": "vite build",
     "build:staging": "vite build --mode=staging",
     "preview": "npm run build && vite preview",
-    "preview:staging": "npm run build:staging && vite preview --mode=staging"
+    "preview:staging": "npm run build:staging && vite preview --mode=staging",
+    "lint": "eslint ./src --ext .js,.vue",
+    "lint:fix": "eslint ./src --ext .js,.vue --fix"
   },
   "dependencies": {
     "axios": "^0.27.0",
@@ -20,6 +22,9 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.3.1",
     "autoprefixer": "^10.4.5",
+    "eslint": "^8.14.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-plugin-vue": "^8.7.1",
     "less": "^4.1.2",
     "less-loader": "^10.2.0",
     "mockjs": "^1.1.0",

src/App.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-  export default {
-    name: 'App'
-  }
-</script>
+export default {
+  name: 'App'
+}
+</script>

src/components/Demo.vue

@@ -5,16 +5,16 @@
 </template>
 
 <script>
-  export default {
-    name: 'Demo',
-    setup() {
-    },
-    methods: {
-      handleClick() {
-        this.$Message.success('Welcome to ViewUIPlus Demo!')
-      }
+export default {
+  name: 'Demo',
+  setup() {
+  },
+  methods: {
+    handleClick() {
+      this.$Message.success('Welcome to ViewUIPlus Demo!')
     }
   }
+}
 </script>
 
 <style lang="less" scoped>

src/main.js

@@ -1,8 +1,8 @@
 import { createApp } from 'vue'
+import ViewUIPlus from 'view-design'
 import App from './App.vue'
 import router from './router'
 import store from './store'
-import ViewUIPlus from 'view-design'
 import 'view-design/dist/styles/viewuiplus.css'
 import './styles'
 // import './mock'

src/views/Home.vue

@@ -3,17 +3,18 @@
 </template>
 
 <script>
-  import Demo from '@/components/Demo'
-  export default {
-    name: 'Home',
-    components: {
-      Demo
-    },
-    setup() {
-    },
-    methods: {
-    }
+import Demo from '@/components/Demo'
+
+export default {
+  name: 'Home',
+  components: {
+    Demo
+  },
+  setup() {
+  },
+  methods: {
   }
+}
 </script>
 
 <style lang="less" scoped>