[web] Configure eslint and prettier dev tools

web-src/.eslintrc.js

@@ -0,0 +1,13 @@
+module.exports = {
+    env: {
+      node: true,
+    },
+    extends: [
+      'eslint:recommended',
+      'plugin:vue/vue3-recommended',
+    ],
+    rules: {
+      // override/add rules settings here, such as:
+      // 'vue/no-unused-vars': 'error'
+    }
+  }

web-src/.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "none"
+}

web-src/jsconfig.json

@@ -0,0 +1,3 @@
+{
+  "include": ["./src/**/*"]
+}

web-src/package.json

@@ -3,9 +3,11 @@
   "version": "2.0.0",
   "scripts": {
     "dev": "vite",
+    "serve": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "serve": "vite"
+    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
+    "format": "prettier .  --write"
   },
   "dependencies": {
     "@aacassandra/vue3-progressbar": "^1.0.3",
@@ -30,6 +32,10 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^2.2.0",
+    "eslint": "^8.9.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-vue": "^8.4.1",
+    "prettier": "2.5.1",
     "sass": "^1.49.7",
     "vite": "^2.8.1"
   }