Update eslint versions and config, also refactor file structure

client/.eslintrc.js

@@ -3,7 +3,8 @@
 module.exports = {
   root: true,
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: '@typescript-eslint/parser',
+    extraFileExtensions: ['.vue'],
   },
   env: {
     browser: true,
@@ -14,12 +15,21 @@ module.exports = {
     'plugin:vue/recommended',
     // 'plugin:vue/recommended',
     // https://github.com/standard/standard/blob/master/docs/RULES-en.md
-    'standard'
+    //'standard'
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended'
   ],
   // required to lint *.vue files
   plugins: [
-    'vue'
+    'vue',
+    '@typescript-eslint'
   ],
+  overrides: [{
+    files: ['*.ts','*.tsx'],
+    rules: {
+      'no-unused-vars': 'off'
+    }
+  }],
   // add your custom rules here
   rules: {
     // allow async-await

client/build/vue-loader.conf.js

@@ -1,6 +0,0 @@
-'use strict'
-const config = require('../config')
-
-module.exports = {
-  // cacheBusting: config.dev.cacheBusting,
-}

client/package.json

@@ -8,7 +8,7 @@
     "dev": "webpack serve --progress --config build/webpack.dev.conf.js",
     "analyze": "webpack --profile --json --config build/webpack.dev.conf.js > dist/stats.json && webpack-bundle-analyzer dist/stats.json",
     "start": ". ../server/.env && npm run dev",
-    "lint": "eslint --ext .js,.vue src",
+    "lint": "eslint --ext .js,.vue,.ts src",
     "fix-lint": "eslint --ext .js,.vue --fix src",
     "build": "node build/build.js",
     "open:cypress:e2e": "npm run cypress:e2e:open",
@@ -25,7 +25,8 @@
     "cypress:parallel:run": "cy2 run --parallel --record  --config-file cypress.frontend.json --ci-build-id "
   },
   "dependencies": {
-    "@babel/core": "^7.5.4",
+    "@babel/core": "^7.16.7",
+    "@babel/eslint-plugin": "^7.16.5",
     "@babel/plugin-transform-runtime": "^7.5.0",
     "@babel/polyfill": "^7.4.4",
     "@babel/preset-env": "^7.5.4",
@@ -40,7 +41,6 @@
     "apollo-link-http": "^1.5.16",
     "appolo": "^6.0.19",
     "autoprefixer": "^7.1.2",
-    "babel-eslint": "^8.2.1",
     "babel-helper-vue-jsx-merge-props": "^2.0.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-syntax-jsx": "^6.18.0",
@@ -51,16 +51,16 @@
     "cy2": "^1.2.1",
     "dayjs": "^1.10.7",
     "debounce": "^1.2.0",
-    "eslint": "^4.15.0",
+    "eslint": "^7.32.0",
-    "eslint-config-standard": "^10.2.1",
+    "eslint-config-standard": "^16.0.3",
-    "eslint-friendly-formatter": "^3.0.0",
+    "eslint-friendly-formatter": "^4.0.1",
     "eslint-loader": "^4.0.2",
-    "eslint-plugin-cypress": "^2.11.2",
+    "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-import": "^2.7.0",
+    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-node": "^5.2.0",
+    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^3.4.0",
+    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-standard": "^3.0.1",
+    "eslint-plugin-standard": "^5.0.0",
-    "eslint-plugin-vue": "^4.0.0",
+    "eslint-plugin-vue": "^8.3.0",
     "file-loader": "^1.1.4",
     "friendly-errors-webpack-plugin": "^1.7.0",
     "graphql": "^16.1.0",
@@ -116,6 +116,8 @@
     "not ie <= 8"
   ],
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^5.10.0",
+    "@typescript-eslint/parser": "^5.10.0",
     "@vue/test-utils": "^1.0.0-beta.29",
     "babel-bridge": "^1.12.11",
     "babel-core": "^7.0.0-bridge.0",
@@ -130,7 +132,7 @@
     "jest-watch-typeahead": "^0.3.1",
     "mock-apollo-client": "^0.7.0",
     "ts-loader": "^8.3.0",
-    "typescript": "^4.4.3",
+    "typescript": "^4.5.4",
     "vue-jest": "^3.0.4",
     "webpack-cli": "^4.9.1"
   }