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, 39 insertions, 45 deletions

diff --git a/viewer/package.json b/viewer/package.json
index bc39a21..e6a1477 100644
--- a/viewer/package.json
+++ b/viewer/package.json
@@ -1,58 +1,52 @@
 {
   "name": "ldgallery-viewer",
-  "version": "2.0.0",
-  "homepage": "https://ldgallery.pacien.org/",
-  "license": "AGPL-3",
+  "version": "3.0.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
-    "build:report": "vue-cli-service build --report",
     "lint": "vue-cli-service lint --no-fix --max-warnings 0",
-    "lint-autoformat": "vue-cli-service lint --fix",
-    "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue|ts)' --locales './src/locales/*.json'"
+    "lint-autoformat": "vue-cli-service lint --fix"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "1.2.30",
-    "@fortawesome/free-solid-svg-icons": "5.14.0",
-    "@fortawesome/free-regular-svg-icons": "5.14.0",
-    "@fortawesome/vue-fontawesome": "2.0.0",
-    "@types/hammerjs": "2.0.39",
-    "@types/marked": "2.0.3",
-    "buefy": "0.8.15",
+    "@fortawesome/fontawesome-svg-core": "6.1.2",
+    "@fortawesome/free-solid-svg-icons": "6.1.2",
+    "@fortawesome/vue-fontawesome": "3.0.1",
+    "@vueuse/core": "9.1.1",
+    "core-js": "3.25.0",
     "hammerjs": "2.0.8",
-    "marked": "2.1.3",
-    "v-lazy-image": "1.4.0",
-    "vue": "2.6.14",
-    "vue-class-component": "7.2.6",
-    "vue-dragscroll": "2.1.0",
-    "vue-i18n": "8.24.5",
-    "vue-property-decorator": "9.1.2",
-    "vue-router": "3.5.2",
-    "vuex": "3.6.2",
-    "vuex-class-component": "2.3.5"
+    "marked": "4.0.19",
+    "mosha-vue-toastify": "1.0.23",
+    "pinia": "2.0.21",
+    "v-lazy-image": "2.1.1",
+    "vue": "3.2.37",
+    "vue-dragscroll": "4.0.4",
+    "vue-i18n": "9.1.10",
+    "vue-router": "4.1.5"
   },
   "devDependencies": {
-    "@types/webpack": "4.41.29",
-    "@typescript-eslint/eslint-plugin": "4.21.0",
-    "@typescript-eslint/parser": "4.21.0",
-    "@vue/cli-plugin-babel": "4.5.13",
-    "@vue/cli-plugin-eslint": "4.5.13",
-    "@vue/cli-plugin-router": "4.5.13",
-    "@vue/cli-plugin-typescript": "4.5.13",
-    "@vue/cli-plugin-vuex": "4.5.13",
-    "@vue/cli-service": "4.5.13",
-    "@vue/eslint-config-typescript": "7.0.0",
-    "eslint": "7.23.0",
-    "eslint-config-prettier": "8.5.0",
-    "eslint-plugin-prettier": "3.4.1",
-    "eslint-plugin-vue": "7.20.0",
-    "node-sass": "6.0.1",
-    "sass-loader": "10.2.1",
-    "typescript": "4.2.4",
-    "vue-cli-plugin-buefy": "0.3.8",
-    "vue-cli-plugin-fontawesome": "0.2.0",
-    "vue-cli-plugin-i18n": "2.1.1",
-    "vue-template-compiler": "2.6.14"
-  }
+    "@types/hammerjs": "2.0.41",
+    "@types/marked": "4.0.6",
+    "@typescript-eslint/eslint-plugin": "5.31.0",
+    "@typescript-eslint/parser": "5.31.0",
+    "@vue/cli-plugin-babel": "5.0.8",
+    "@vue/cli-plugin-eslint": "5.0.8",
+    "@vue/cli-plugin-router": "5.0.8",
+    "@vue/cli-plugin-typescript": "5.0.8",
+    "@vue/cli-service": "5.0.8",
+    "@vue/eslint-config-standard": "8.0.0",
+    "@vue/eslint-config-typescript": "11.0.0",
+    "eslint": "8.20.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-node": "11.1.0",
+    "eslint-plugin-promise": "6.0.0",
+    "eslint-plugin-vue": "9.3.0",
+    "js-yaml-loader": "1.2.2",
+    "sass": "1.54.0",
+    "sass-loader": "13.0.2",
+    "typescript": "4.7.4",
+    "vue-cli-plugin-pinia": "0.1.4"
+  },
+  "homepage": "https://ldgallery.pacien.org/",
+  "license": "AGPL-3"
 }