viewer: migrate to vue 3, general refactoring and cleanup

Non-exhaustive list of fixes and improvements done at the same time:

- html default background to grey (avoids white flash during init)
- unified links behavior
- added more theme variables
- removed the flex-expand transition (it wasn't working) and replaced it
  with a slide
- fixed LdLoading not centered on the content
- title on removable tags
- fixed an issue with encoded URI from vue-router
- unified Item resource URLs
- removed the iframe for PlainTextViewer (it wasn't working properly)
  and replaced it with a pre
- fixed clear and search buttons tabindex
- fixed the information panel bumping up during the fade animation of
  tag's dropdown
- fixed some focus outlines not appearing correctly
- moved CSS variables to the :root context
- Code cleaning

GitHub: closes #217
GitHub: closes #300
GitHub: closes #297
GitHub: closes #105
GitHub: closes #267
GitHub: closes #275
GitHub: closes #228
GitHub: closes #215
GitHub: closes #112

1 files changed, 14 insertions, 31 deletions

diff --git a/viewer/.eslintrc.js b/viewer/.eslintrc.js
index 9d3fbbc..0308e3f 100644
--- a/viewer/.eslintrc.js
+++ b/viewer/.eslintrc.js
@@ -1,39 +1,22 @@
 module.exports = {
   root: true,
-
   env: {
     node: true,
   },
-
-  plugins: ["prettier"],
-
-  extends: ["plugin:vue/essential", "plugin:prettier/recommended", "@vue/typescript"],
-
-  rules: {
-    "no-console": "off",
-    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
-    "prettier/prettier": "warn",
-    "eol-last": ["warn", "always"],
-    "object-curly-spacing": ["warn", "always"],
-    "quote-props": ["warn", "as-needed"],
-    indent: ["warn", 2, { SwitchCase: 1 }],
-    quotes: ["warn", "double"],
-    "vue/attribute-hyphenation": "warn",
-    "vue/html-closing-bracket-spacing": "warn",
-    "vue/html-end-tags": "error",
-    "vue/html-quotes": "warn",
-    "vue/html-self-closing": "off",
-    "vue/no-multi-spaces": "warn",
-    "vue/no-spaces-around-equal-signs-in-attribute": "warn",
-    "vue/no-template-shadow": "error",
-    "vue/v-bind-style": "warn",
-    "vue/v-on-style": "warn",
-    "vue/attributes-order": "warn",
-    "vue/this-in-template": "warn",
-  },
-
+  extends: [
+    'plugin:vue/vue3-recommended',
+    '@vue/standard',
+    '@vue/typescript/recommended',
+  ],
   parserOptions: {
-    sourceType: "module",
-    parser: "@typescript-eslint/parser",
+    ecmaVersion: 2020,
+  },
+  rules: {
+    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    semi: ['warn', 'always'],
+    'space-before-function-paren': ['warn', 'never'],
+    'no-use-before-define': ['warn', 'nofunc'],
+    'comma-dangle': ['warn', 'always-multiline'],
   },
 };