chore(npm): update deps, add linter

html/.eslintrc.js

@@ -1,105 +0,0 @@
-module.exports = {
-    root: true,
-    env: {
-        browser: true,
-        commonjs: true,
-        es2020: true
-    },
-    parserOptions: {
-        sourceType: 'module',
-        impliedStrict: true
-    },
-    globals: {
-        CefSharp: 'readonly',
-        VRCX: 'readonly',
-        VRCXStorage: 'readonly',
-        SQLite: 'readonly',
-        LogWatcher: 'readonly',
-        Discord: 'readonly',
-        AppApi: 'readonly',
-        SharedVariable: 'readonly',
-        WebApi: 'readonly',
-        AssetBundleCacher: 'readonly'
-    },
-    extends: 'eslint:all',
-    rules: {
-        'array-bracket-newline': 0,
-        'array-element-newline': 0,
-        'block-scoped-var': 0,
-        camelcase: 0,
-        'capitalized-comments': 0,
-        'class-methods-use-this': 0,
-        complexity: 0,
-        'func-names': 0,
-        'func-style': 0,
-        'function-call-argument-newline': 0,
-        'guard-for-in': 0,
-        'id-length': 0,
-        indent: 0,
-        'linebreak-style': 0,
-        'lines-around-comment': 0,
-        'max-depth': 0,
-        'max-len': 0,
-        'max-lines': 0,
-        'max-lines-per-function': 0,
-        'max-statements': 0,
-        'multiline-comment-style': 0,
-        'multiline-ternary': 0,
-        'newline-per-chained-call': 0,
-        'new-cap': 0,
-        'no-await-in-loop': 0,
-        'no-bitwise': 0,
-        'no-console': 0,
-        'no-continue': 0,
-        'no-control-regex': 0,
-        'no-empty': [
-            'error',
-            {
-                allowEmptyCatch: true
-            }
-        ],
-        'no-extra-parens': 0,
-        'no-invalid-this': 0,
-        'no-magic-numbers': 0,
-        'no-mixed-operators': 0,
-        'no-negated-condition': 0,
-        'no-param-reassign': 0,
-        'no-plusplus': 0,
-        'no-redeclare': 0,
-        'no-ternary': 0,
-        'no-underscore-dangle': 0,
-        'no-var': 0,
-        'no-warning-comments': 0,
-        'object-curly-spacing': [
-            'error',
-            'always'
-        ],
-        'object-property-newline': 0,
-        'one-var': 0,
-        'padded-blocks': 0,
-        'prefer-arrow-callback': 0,
-        'prefer-destructuring': 0,
-        'prefer-named-capture-group': 0,
-        quotes: [
-            'error',
-            'single',
-            {
-                avoidEscape: true
-            }
-        ],
-        'quote-props': 0,
-        'require-unicode-regexp': 0,
-        'sort-imports': 0,
-        'sort-keys': 0,
-        'sort-vars': 0,
-        'space-before-function-paren': [
-            'error',
-            {
-                named: 'never'
-            }
-        ],
-        strict: 0,
-        'vars-on-top': 0,
-        'wrap-regex': 0
-    }
-};

html/.eslintrc.json

@@ -0,0 +1,83 @@
+{
+  "root": true,
+  "extends": ["eslint:all", "prettier"],
+  "env": {
+    "browser": true,
+    "commonjs": true,
+    "es2021": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "impliedStrict": true,
+      "jsx": true
+    }
+  },
+  "globals": {
+    "CefSharp": "readonly",
+    "VRCX": "readonly",
+    "VRCXStorage": "readonly",
+    "SQLite": "readonly",
+    "LogWatcher": "readonly",
+    "Discord": "readonly",
+    "AppApi": "readonly",
+    "SharedVariable": "readonly",
+    "WebApi": "readonly",
+    "AssetBundleCacher": "readonly"
+  },
+  "rules": {
+    "arrow-body-style": 0,
+    "block-scoped-var": 0,
+    "camelcase": 0,
+    "capitalized-comments": 0,
+    "class-methods-use-this": 0,
+    "complexity": 0,
+    "default-case": 0,
+    "func-names": 0,
+    "func-style": 0,
+    "guard-for-in": 0,
+    "id-length": 0,
+    "line-comment-position": 0,
+    "max-depth": 0,
+    "max-lines": 0,
+    "max-lines-per-function": 0,
+    "max-params": 0,
+    "max-statements": 0,
+    "multiline-comment-style": 0,
+    "new-cap": 0,
+    "no-await-in-loop": 0,
+    "no-console": 0,
+    "no-continue": 0,
+    "no-control-regex": 0,
+    "no-empty": [
+      "error",
+      {
+        "allowEmptyCatch": true
+      }
+    ],
+    "no-inline-comments": 0,
+    "no-invalid-this": 0,
+    "no-magic-numbers": 0,
+    "no-negated-condition": 0,
+    "no-plusplus": 0,
+    "no-redeclare": 0,
+    "no-ternary": 0,
+    "no-throw-literal": 0,
+    "no-underscore-dangle": 0,
+    "no-var": 0,
+    "no-void": 0,
+    "no-warning-comments": 0,
+    "one-var": 0,
+    "prefer-arrow-callback": 0,
+    "prefer-const": 0,
+    "prefer-destructuring": 0,
+    "prefer-named-capture-group": 0,
+    "require-unicode-regexp": 0,
+    "sort-imports": 0,
+    "sort-keys": 0,
+    "sort-vars": 0,
+    "strict": 0,
+    "vars-on-top": 0
+  }
+}

html/.prettierrc.json

@@ -0,0 +1,12 @@
+{
+  "printWidth": 80,
+  "tabWidth": 4,
+  "semi": true,
+  "singleQuote": true,
+  "quoteProps": "as-needed",
+  "trailingComma": "none",
+  "bracketSpacing": false,
+  "arrowParens": "always",
+  "vueIndentScriptAndStyle": true,
+  "endOfLine": "auto"
+}

html/package.json

@@ -4,6 +4,7 @@
     "dev": "webpack --config webpack.config.js --mode development",
     "watch": "webpack --config webpack.config.js --mode development --watch",
     "prod": "webpack --config webpack.config.js --mode production",
+    "lint": "eslint --ext .js src/ && prettier --check src/",
     "development": "npm run dev",
     "production": "npm run prod"
   },
@@ -24,26 +25,26 @@
     "animate.css": "^4.1.1",
     "copy-webpack-plugin": "^9.0.1",
     "css-loader": "^6.2.0",
-    "element-ui": "^2.15.3",
+    "element-ui": "^2.15.5",
+    "eslint": "^7.32.0",
+    "eslint-config-prettier": "^8.3.0",
     "famfamfam-flags": "^1.0.0",
-    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.3.2",
-    "mini-css-extract-plugin": "^2.1.0",
+    "mini-css-extract-plugin": "^2.2.0",
     "normalize.css": "^8.0.1",
     "noty": "^3.2.0-beta-deprecated",
+    "prettier": "^2.3.2",
     "pug": "^3.0.2",
     "pug-plain-loader": "^1.1.0",
     "raw-loader": "^4.0.2",
-    "sass": "^1.36.0",
+    "sass": "^1.37.5",
     "sass-loader": "^12.1.0",
-    "terser-webpack-plugin": "^5.1.4",
-    "url-loader": "^4.1.1",
     "uuid": "^8.3.2",
     "vue": "^2.6.14",
     "vue-data-tables": "^3.4.5",
     "vue-lazyload": "^1.3.3",
     "vue-swatches": "^2.1.1",
-    "webpack": "^5.47.0",
+    "webpack": "^5.50.0",
     "webpack-cli": "^4.7.2"
   }
 }