From 37c720250e9103762430fca2543251ee7cbaed53 Mon Sep 17 00:00:00 2001
From: Simon Legner <Simon.Legner@gmail.com>
Date: Sat, 13 Jan 2024 17:07:40 +0100
Subject: [PATCH] eslint-plugin-vue

---
 .eslintrc                             |  11 +-
 app/components/ltFilesSelector.vue    |  48 ++--
 app/components/ltLanguageSelector.vue |   4 +-
 app/components/ltNavbar.vue           |   6 +-
 app/components/ltUserInfo.vue         |   6 +-
 app/index.ts                          |  18 +-
 package.json                          |   4 +
 yarn.lock                             | 340 ++++++++++++++++++++++++--
 8 files changed, 379 insertions(+), 58 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index 44171d9..e439c41 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,6 +1,11 @@
 {
   "root": true,
-  "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
-  "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended"]
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:vue/vue3-essential",
+    "plugin:vue/vue3-recommended",
+    "@vue/prettier",
+    "@vue/typescript"
+  ]
 }
diff --git a/app/components/ltFilesSelector.vue b/app/components/ltFilesSelector.vue
index 2c8a3c5..55a382e 100644
--- a/app/components/ltFilesSelector.vue
+++ b/app/components/ltFilesSelector.vue
@@ -1,5 +1,5 @@
 <template>
-  <h2 class="mt-4" v-hide="userInfo" translate="translate">Sign in</h2>
+  <h2 v-hide="userInfo" class="mt-4" translate="translate">Sign in</h2>
   <p v-hide="userInfo">
     <span translate="translate">
       In order to allow locator-tool to modify file description pages, sign in first:
@@ -18,8 +18,8 @@
       <button
         class="nav-link"
         translate="translate"
-        @click="$tab = Tab.CATEGORY"
         :class="{active: $tab === Tab.CATEGORY}"
+        @click="$tab = Tab.CATEGORY"
       >
         Category
       </button>
@@ -28,8 +28,8 @@
       <button
         class="nav-link"
         translate="translate"
-        @click="$tab = Tab.USER"
         :class="{active: $tab === Tab.USER}"
+        @click="$tab = Tab.USER"
       >
         User files
       </button>
@@ -38,17 +38,17 @@
       <button
         class="nav-link"
         translate="translate"
-        @click="$tab = Tab.FILES"
         :class="{active: $tab === Tab.FILES}"
+        @click="$tab = Tab.FILES"
       >
         File list
       </button>
     </li>
   </ul>
-  <form name="formUser" @submit="nextForUser()" v-show="$tab === Tab.USER">
+  <form v-show="$tab === Tab.USER" name="formUser" @submit="nextForUser()">
     <div class="mb-4">
       <label for="inputUser" translate="translate">User</label>
-      <input class="form-control" id="inputUser" v-model="user" placeholder="User:…" />
+      <input id="inputUser" v-model="user" class="form-control" placeholder="User:…" />
     </div>
     <div class="row">
       <div class="mb-4 col-sm-4">
@@ -59,31 +59,31 @@
         >
           Limit
         </label>
-        <input class="form-control" id="inputUserLimit" v-model="userLimit" type="number" />
+        <input id="inputUserLimit" v-model="userLimit" class="form-control" type="number" />
       </div>
       <div class="mb-4 col-sm-4">
         <label for="inputUserStart" translate="translate">Start timestamp</label>
-        <input class="form-control" id="inputUserStart" v-model="userStart" type="date" />
+        <input id="inputUserStart" v-model="userStart" class="form-control" type="date" />
       </div>
       <div class="mb-4 col-sm-4">
         <label for="inputUserEnd" translate="translate">End timestamp</label>
-        <input class="form-control" id="inputUserEnd" v-model="userEnd" type="date" />
+        <input id="inputUserEnd" v-model="userEnd" class="form-control" type="date" />
       </div>
     </div>
     <div class="mb-4">
-      <button class="btn btn-success" @click="nextForUser()" :disabled="!user">
+      <button class="btn btn-success" :disabled="!user" @click="nextForUser()">
         <svg class="octicon">
           <use xlink:href="#location"></use>
         </svg>
         <span translate="translate">Load User files to geolocate</span>
       </button>
-      <button class="btn btn-secondary" @click="nextForUser('map')" :disabled="!user">
+      <button class="btn btn-secondary" :disabled="!user" @click="nextForUser('map')">
         <svg class="octicon">
           <use xlink:href="#globe"></use>
         </svg>
         <span translate="translate">Show User files on map</span>
       </button>
-      <button class="btn btn-secondary" @click="nextForUser('gallery')" :disabled="!user">
+      <button class="btn btn-secondary" :disabled="!user" @click="nextForUser('gallery')">
         <svg class="octicon">
           <use xlink:href="#file-media"></use>
         </svg>
@@ -93,18 +93,18 @@
     </div>
     <lt-spinner v-if="getFilesForUser$q && !getFilesForUser$q.$$state.status"></lt-spinner>
   </form>
-  <form name="formCategory" @submit="nextForCategory()" v-show="$tab === Tab.CATEGORY">
+  <form v-show="$tab === Tab.CATEGORY" name="formCategory" @submit="nextForCategory()">
     <div class="row">
       <div class="mb-4 col-lg-10">
         <label for="inputCategory" translate="translate">Category</label>
         <input
-          class="form-control"
           id="inputCategory"
-          list="datalistCategory"
           v-model="category"
           v-model-options="{updateOn: 'default blur', debounce: {default: 500, change: 0, blur: 0}}"
-          @change="getCategoriesForPrefix()"
+          class="form-control"
+          list="datalistCategory"
           placeholder="Category:…"
+          @change="getCategoriesForPrefix()"
         />
       </div>
       <div class="mb-4 col-lg-2">
@@ -116,23 +116,23 @@
         >
           Depth
         </label>
-        <input class="form-control" id="inputCategoryDepth" type="number" v-model="categoryDepth" />
+        <input id="inputCategoryDepth" v-model="categoryDepth" class="form-control" type="number" />
       </div>
     </div>
     <div class="mb-4">
-      <button class="btn btn-success" @click="nextForCategory()" :disabled="!category">
+      <button class="btn btn-success" :disabled="!category" @click="nextForCategory()">
         <svg class="octicon">
           <use xlink:href="#location"></use>
         </svg>
         <span translate="translate">Load Category to geolocate</span>
       </button>
-      <button class="btn btn-secondary" @click="nextForCategory('map')" :disabled="!category">
+      <button class="btn btn-secondary" :disabled="!category" @click="nextForCategory('map')">
         <svg class="octicon">
           <use xlink:href="#globe"></use>
         </svg>
         <span translate="translate">Show Category on map</span>
       </button>
-      <button class="btn btn-secondary" @click="nextForCategory('gallery')" :disabled="!category">
+      <button class="btn btn-secondary" :disabled="!category" @click="nextForCategory('gallery')">
         <svg class="octicon">
           <use xlink:href="#file-media"></use>
         </svg>
@@ -142,17 +142,17 @@
     </div>
     <lt-spinner v-if="getFilesForCategory$q && !getFilesForCategory$q.$$state.status"></lt-spinner>
     <datalist id="datalistCategory">
-      <option v-for="i in categorySuggestions" :value="i"></option>
+      <option v-for="i in categorySuggestions" :key="i" :value="i"></option>
     </datalist>
   </form>
-  <form name="formTitles" v-show="$tab === Tab.FILES">
+  <form v-show="$tab === Tab.FILES" name="formTitles">
     <div class="mb-4">
       <label for="inputTitles" translate="translate">File list</label>
       <textarea
-        class="form-control"
         id="inputTitles"
-        rows="10"
         v-model="titles"
+        class="form-control"
+        rows="10"
         placeholder="File:…"
         @paste="onFilesPaste($event)"
       ></textarea>
diff --git a/app/components/ltLanguageSelector.vue b/app/components/ltLanguageSelector.vue
index fa68b1d..40359dc 100644
--- a/app/components/ltLanguageSelector.vue
+++ b/app/components/ltLanguageSelector.vue
@@ -1,6 +1,6 @@
 <template>
-  <select class="form-select" v-model="language">
-    <option v-for="(label, key) in languages" :value="key">{{ label }}</option>
+  <select v-model="language" class="form-select">
+    <option v-for="(label, key) in languages" :key="key" :value="key">{{ label }}</option>
   </select>
   <span
     hidden="hidden"
diff --git a/app/components/ltNavbar.vue b/app/components/ltNavbar.vue
index ba272ff..054eadc 100644
--- a/app/components/ltNavbar.vue
+++ b/app/components/ltNavbar.vue
@@ -25,8 +25,8 @@
         </li>
         <li class="nav-item">
           <router-link
-            class="nav-link"
             v-show="activateLinks"
+            class="nav-link"
             :to="{name: 'geolocate', params: $route.query}"
           >
             <svg class="octicon">
@@ -37,8 +37,8 @@
         </li>
         <li class="nav-item">
           <router-link
-            class="nav-link"
             v-show="activateLinks"
+            class="nav-link"
             :to="{name: 'map', params: $route.query}"
           >
             <svg class="octicon">
@@ -49,8 +49,8 @@
         </li>
         <li class="nav-item">
           <router-link
-            class="nav-link"
             v-show="activateLinks"
+            class="nav-link"
             :to="{name: 'gallery', params: $route.query}"
           >
             <svg class="octicon">
diff --git a/app/components/ltUserInfo.vue b/app/components/ltUserInfo.vue
index 7553a74..efa239e 100644
--- a/app/components/ltUserInfo.vue
+++ b/app/components/ltUserInfo.vue
@@ -1,14 +1,14 @@
 <template>
-  <a class="btn btn-success ms-2" :href="loginURL()" v-hide="userInfo?.user">
+  <a v-hide="userInfo?.user" class="btn btn-success ms-2" :href="loginURL()">
     <svg class="octicon">
       <use xlink:href="#sign-in"></use>
     </svg>
     <span translate="translate">Log in</span>
   </a>
-  <span class="navbar-text ms-2" v-show="userInfo?.user" translate="translate">
+  <span v-show="userInfo?.user" class="navbar-text ms-2" translate="translate">
     Logged in as {{ userInfo?.user }}
   </span>
-  <a class="btn btn-secondary ms-2" :href="logoutURL()" v-show="userInfo?.user">
+  <a v-show="userInfo?.user" class="btn btn-secondary ms-2" :href="logoutURL()">
     <svg class="octicon">
       <use xlink:href="#sign-out"></use>
     </svg>
diff --git a/app/index.ts b/app/index.ts
index 6ec0072..97fa549 100644
--- a/app/index.ts
+++ b/app/index.ts
@@ -8,15 +8,15 @@ import './vendor';
 import './vendor-leaflet';
 import './style.css';
 
-const params = [
-  'files',
-  'user',
-  'userLimit',
-  'userStart',
-  'userEnd',
-  'category',
-  'categoryDepth'
-].join('&');
+// const params = [
+//   'files',
+//   'user',
+//   'userLimit',
+//   'userStart',
+//   'userEnd',
+//   'category',
+//   'categoryDepth'
+// ].join('&');
 
 const router = createRouter({
   history: createWebHashHistory(),
diff --git a/package.json b/package.json
index 66b4103..6b405cb 100644
--- a/package.json
+++ b/package.json
@@ -55,9 +55,13 @@
     "@typescript-eslint/eslint-plugin": "^6.5.0",
     "@typescript-eslint/parser": "^6.5.0",
     "@vitejs/plugin-vue": "^5.0.3",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "angular-gettext-cli": "^1.2.0",
     "angular-gettext-tools": "^2.3.5",
     "eslint": "^8.48.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-vue": "^9.20.1",
     "husky": "^7.0.4",
     "lint-staged": "^12.4.0",
     "prettier": "^3.0.3",
diff --git a/yarn.lock b/yarn.lock
index 77b1821..c1c0b65 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -378,6 +378,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@pkgr/core@npm:^0.1.0":
+  version: 0.1.0
+  resolution: "@pkgr/core@npm:0.1.0"
+  checksum: 8f4a0aa6cc1c445fec4f5f12157047e8a05e30b5c03441156f40203d6430f84d15135e8f1a6886e6c9800ff0e4a75d9d3419a43dbcd7490683f2882375a3b99a
+  languageName: node
+  linkType: hard
+
 "@rollup/rollup-android-arm-eabi@npm:4.9.5":
   version: 4.9.5
   resolution: "@rollup/rollup-android-arm-eabi@npm:4.9.5"
@@ -563,6 +570,31 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/eslint-plugin@npm:^6.7.0":
+  version: 6.18.1
+  resolution: "@typescript-eslint/eslint-plugin@npm:6.18.1"
+  dependencies:
+    "@eslint-community/regexpp": "npm:^4.5.1"
+    "@typescript-eslint/scope-manager": "npm:6.18.1"
+    "@typescript-eslint/type-utils": "npm:6.18.1"
+    "@typescript-eslint/utils": "npm:6.18.1"
+    "@typescript-eslint/visitor-keys": "npm:6.18.1"
+    debug: "npm:^4.3.4"
+    graphemer: "npm:^1.4.0"
+    ignore: "npm:^5.2.4"
+    natural-compare: "npm:^1.4.0"
+    semver: "npm:^7.5.4"
+    ts-api-utils: "npm:^1.0.1"
+  peerDependencies:
+    "@typescript-eslint/parser": ^6.0.0 || ^6.0.0-alpha
+    eslint: ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: fbcfae9b92f35ce10212f44f43f93c43f6eb3e28a571da7ed0d424396916aaf080f16ce91a5bffb9e1b42ca2d6003a3e2ad65131b4ef72ed2f94a4bedb35a735
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/parser@npm:^6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/parser@npm:6.5.0"
@@ -581,6 +613,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/parser@npm:^6.7.0":
+  version: 6.18.1
+  resolution: "@typescript-eslint/parser@npm:6.18.1"
+  dependencies:
+    "@typescript-eslint/scope-manager": "npm:6.18.1"
+    "@typescript-eslint/types": "npm:6.18.1"
+    "@typescript-eslint/typescript-estree": "npm:6.18.1"
+    "@typescript-eslint/visitor-keys": "npm:6.18.1"
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 78cf87c49be224a7fc7c9b1580b015b79e6f6b78d3db60843825b9657e6c5b852566ca7fcb9a51e7b781e910a89a73cdc36dfcd180ccb34febc535ad9b5a0be1
+  languageName: node
+  linkType: hard
+
+"@typescript-eslint/scope-manager@npm:6.18.1":
+  version: 6.18.1
+  resolution: "@typescript-eslint/scope-manager@npm:6.18.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:6.18.1"
+    "@typescript-eslint/visitor-keys": "npm:6.18.1"
+  checksum: 66ef86688a2eb69988a15d6c0176e5e1ec3994ab96526ca525226a1815eef63366e10e3e6a041ceb2cd63d1cced27874d2313045b785418330af68a288e50771
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/scope-manager@npm:6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/scope-manager@npm:6.5.0"
@@ -591,6 +651,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/type-utils@npm:6.18.1":
+  version: 6.18.1
+  resolution: "@typescript-eslint/type-utils@npm:6.18.1"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:6.18.1"
+    "@typescript-eslint/utils": "npm:6.18.1"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^1.0.1"
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 5198752a51649afd960205708c4d765e0170a46a1eb96c97e706890fecb2642933a6377337cf3632f9737915da0201607872a46c9c551d1accf9176b0e025023
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/type-utils@npm:6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/type-utils@npm:6.5.0"
@@ -608,6 +685,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/types@npm:6.18.1":
+  version: 6.18.1
+  resolution: "@typescript-eslint/types@npm:6.18.1"
+  checksum: 58c1a1bcf2403891a4fcb0d21aac643a6f9d06119423230dad74ef2b95adf94201da7cf48617b0c27b51695225b622e48c739cf4186ef5f99294887d2d536557
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/types@npm:6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/types@npm:6.5.0"
@@ -615,6 +699,25 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/typescript-estree@npm:6.18.1":
+  version: 6.18.1
+  resolution: "@typescript-eslint/typescript-estree@npm:6.18.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:6.18.1"
+    "@typescript-eslint/visitor-keys": "npm:6.18.1"
+    debug: "npm:^4.3.4"
+    globby: "npm:^11.1.0"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:9.0.3"
+    semver: "npm:^7.5.4"
+    ts-api-utils: "npm:^1.0.1"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 5bca8f58d3134c5296c7e6cbeef512feb3918cdc88b5b22e656a7978277278e7a86187690e7e3be3f3708feb98c952a6ab4d8bbc197fff3826e3afa8bc1e287e
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/typescript-estree@npm:6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/typescript-estree@npm:6.5.0"
@@ -633,6 +736,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/utils@npm:6.18.1":
+  version: 6.18.1
+  resolution: "@typescript-eslint/utils@npm:6.18.1"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@types/json-schema": "npm:^7.0.12"
+    "@types/semver": "npm:^7.5.0"
+    "@typescript-eslint/scope-manager": "npm:6.18.1"
+    "@typescript-eslint/types": "npm:6.18.1"
+    "@typescript-eslint/typescript-estree": "npm:6.18.1"
+    semver: "npm:^7.5.4"
+  peerDependencies:
+    eslint: ^7.0.0 || ^8.0.0
+  checksum: b9dcb2fa7cc8c46254c22fee190032320a5dd8ce282fb01e99cb35da6c00e33b157f4285b062d841942e9aad1d7ce1a16aaa46dd05ca7d81de706aedbbfff396
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/utils@npm:6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/utils@npm:6.5.0"
@@ -650,6 +770,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/visitor-keys@npm:6.18.1":
+  version: 6.18.1
+  resolution: "@typescript-eslint/visitor-keys@npm:6.18.1"
+  dependencies:
+    "@typescript-eslint/types": "npm:6.18.1"
+    eslint-visitor-keys: "npm:^3.4.1"
+  checksum: f3dacdd1db7347908ac207968da4fa72efb31e38a6dde652651633c5283f054832045f2ad00b4ca7478e7f2e09fe4ae6e3a32b76580c036b9e5c7b8dd55af9f3
+  languageName: node
+  linkType: hard
+
 "@typescript-eslint/visitor-keys@npm:6.5.0":
   version: 6.5.0
   resolution: "@typescript-eslint/visitor-keys@npm:6.5.0"
@@ -745,6 +875,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vue/eslint-config-prettier@npm:^9.0.0":
+  version: 9.0.0
+  resolution: "@vue/eslint-config-prettier@npm:9.0.0"
+  dependencies:
+    eslint-config-prettier: "npm:^9.0.0"
+    eslint-plugin-prettier: "npm:^5.0.0"
+  peerDependencies:
+    eslint: ">= 8.0.0"
+    prettier: ">= 3.0.0"
+  checksum: 465fe43e7a4f3181e73298df55cc5ba1de4e4349b6d859ef38e52f82406a0eac938809721b3a0f026b56ae533d51b45c4a2ecb6112d78e8d6e6ee3ca0892bba6
+  languageName: node
+  linkType: hard
+
+"@vue/eslint-config-typescript@npm:^12.0.0":
+  version: 12.0.0
+  resolution: "@vue/eslint-config-typescript@npm:12.0.0"
+  dependencies:
+    "@typescript-eslint/eslint-plugin": "npm:^6.7.0"
+    "@typescript-eslint/parser": "npm:^6.7.0"
+    vue-eslint-parser: "npm:^9.3.1"
+  peerDependencies:
+    eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    eslint-plugin-vue: ^9.0.0
+    typescript: "*"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 3edb549c5d0ee7049e8c49c69fca5272df53376fba66afd7cf3e088c89dfc154ccb9406ac9729c275e643f93ff5ae6d4b35fbd7b808517dd02c3488ab9392d64
+  languageName: node
+  linkType: hard
+
 "@vue/reactivity@npm:3.4.11":
   version: 3.4.11
   resolution: "@vue/reactivity@npm:3.4.11"
@@ -1055,7 +1216,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"boolbase@npm:~1.0.0":
+"boolbase@npm:^1.0.0, boolbase@npm:~1.0.0":
   version: 1.0.0
   resolution: "boolbase@npm:1.0.0"
   checksum: e4b53deb4f2b85c52be0e21a273f2045c7b6a6ea002b0e139c744cb6f95e9ec044439a52883b0d74dedd1ff3da55ed140cfdddfed7fb0cccbed373de5dce1bcf
@@ -1266,6 +1427,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cssesc@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cssesc@npm:3.0.0"
+  bin:
+    cssesc: bin/cssesc
+  checksum: 6bcfd898662671be15ae7827120472c5667afb3d7429f1f917737f3bf84c4176003228131b643ae74543f17a394446247df090c597bb9a728cce298606ed0aa7
+  languageName: node
+  linkType: hard
+
 "csstype@npm:^3.1.3":
   version: 3.1.3
   resolution: "csstype@npm:3.1.3"
@@ -1530,7 +1700,55 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-scope@npm:^7.2.2":
+"eslint-config-prettier@npm:^9.0.0":
+  version: 9.1.0
+  resolution: "eslint-config-prettier@npm:9.1.0"
+  peerDependencies:
+    eslint: ">=7.0.0"
+  bin:
+    eslint-config-prettier: bin/cli.js
+  checksum: 6d332694b36bc9ac6fdb18d3ca2f6ac42afa2ad61f0493e89226950a7091e38981b66bac2b47ba39d15b73fff2cd32c78b850a9cf9eed9ca9a96bfb2f3a2f10d
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-prettier@npm:^5.0.0, eslint-plugin-prettier@npm:^5.1.3":
+  version: 5.1.3
+  resolution: "eslint-plugin-prettier@npm:5.1.3"
+  dependencies:
+    prettier-linter-helpers: "npm:^1.0.0"
+    synckit: "npm:^0.8.6"
+  peerDependencies:
+    "@types/eslint": ">=8.0.0"
+    eslint: ">=8.0.0"
+    eslint-config-prettier: "*"
+    prettier: ">=3.0.0"
+  peerDependenciesMeta:
+    "@types/eslint":
+      optional: true
+    eslint-config-prettier:
+      optional: true
+  checksum: f45d5fc1fcfec6b0cf038a7a65ddd10a25df4fe3f9e1f6b7f0d5100e66f046a26a2492e69ee765dddf461b93c114cf2e1eb18d4970aafa6f385448985c136e09
+  languageName: node
+  linkType: hard
+
+"eslint-plugin-vue@npm:^9.20.1":
+  version: 9.20.1
+  resolution: "eslint-plugin-vue@npm:9.20.1"
+  dependencies:
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    natural-compare: "npm:^1.4.0"
+    nth-check: "npm:^2.1.1"
+    postcss-selector-parser: "npm:^6.0.13"
+    semver: "npm:^7.5.4"
+    vue-eslint-parser: "npm:^9.4.0"
+    xml-name-validator: "npm:^4.0.0"
+  peerDependencies:
+    eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+  checksum: 97c75d8ac0351c6e7d7edb364af176ab1890e5bf8eeb525b9379f0ed88205d889c4297b107d1b196dc45ed14c1b9ccdb7fe9890c6fccd33d9b5aa00502882afa
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:^7.1.1, eslint-scope@npm:^7.2.2":
   version: 7.2.2
   resolution: "eslint-scope@npm:7.2.2"
   dependencies:
@@ -1601,7 +1819,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"espree@npm:^9.6.0, espree@npm:^9.6.1":
+"espree@npm:^9.3.1, espree@npm:^9.6.0, espree@npm:^9.6.1":
   version: 9.6.1
   resolution: "espree@npm:9.6.1"
   dependencies:
@@ -1612,7 +1830,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esquery@npm:^1.4.2":
+"esquery@npm:^1.4.0, esquery@npm:^1.4.2":
   version: 1.5.0
   resolution: "esquery@npm:1.5.0"
   dependencies:
@@ -1682,6 +1900,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-diff@npm:^1.1.2":
+  version: 1.3.0
+  resolution: "fast-diff@npm:1.3.0"
+  checksum: 5c19af237edb5d5effda008c891a18a585f74bf12953be57923f17a3a4d0979565fc64dbc73b9e20926b9d895f5b690c618cbb969af0cf022e3222471220ad29
+  languageName: node
+  linkType: hard
+
 "fast-glob@npm:^3.2.9":
   version: 3.2.11
   resolution: "fast-glob@npm:3.2.11"
@@ -2291,6 +2516,8 @@ __metadata:
     "@typescript-eslint/parser": "npm:^6.5.0"
     "@uirouter/angularjs": "npm:^1.0.29"
     "@vitejs/plugin-vue": "npm:^5.0.3"
+    "@vue/eslint-config-prettier": "npm:^9.0.0"
+    "@vue/eslint-config-typescript": "npm:^12.0.0"
     "@vueuse/core": "npm:^10.7.1"
     angular: "npm:1.6.8"
     angular-animate: "npm:1.6.8"
@@ -2303,6 +2530,8 @@ __metadata:
     bootstrap: "npm:^5.3.0"
     deepmerge: "npm:^4.2.2"
     eslint: "npm:^8.48.0"
+    eslint-plugin-prettier: "npm:^5.1.3"
+    eslint-plugin-vue: "npm:^9.20.1"
     husky: "npm:^7.0.4"
     leaflet: "npm:^1.9.4"
     leaflet-control-geocoder: "npm:^2.3.0"
@@ -2345,6 +2574,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash@npm:^4.17.21":
+  version: 4.17.21
+  resolution: "lodash@npm:4.17.21"
+  checksum: d8cbea072bb08655bb4c989da418994b073a608dffa608b09ac04b43a791b12aeae7cd7ad919aa4c925f33b48490b5cfe6c1f71d827956071dae2e7bb3a6b74c
+  languageName: node
+  linkType: hard
+
 "log-update@npm:^4.0.0":
   version: 4.0.0
   resolution: "log-update@npm:4.0.0"
@@ -2432,6 +2668,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:9.0.3, minimatch@npm:^9.0.1":
+  version: 9.0.3
+  resolution: "minimatch@npm:9.0.3"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac
+  languageName: node
+  linkType: hard
+
 "minimatch@npm:^3.0.4":
   version: 3.0.4
   resolution: "minimatch@npm:3.0.4"
@@ -2450,15 +2695,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.1":
-  version: 9.0.3
-  resolution: "minimatch@npm:9.0.3"
-  dependencies:
-    brace-expansion: "npm:^2.0.1"
-  checksum: 85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac
-  languageName: node
-  linkType: hard
-
 "minimist@npm:^1.2":
   version: 1.2.0
   resolution: "minimist@npm:1.2.0"
@@ -2643,6 +2879,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nth-check@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "nth-check@npm:2.1.1"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+  checksum: 5fee7ff309727763689cfad844d979aedd2204a817fbaaf0e1603794a7c20db28548d7b024692f953557df6ce4a0ee4ae46cd8ebd9b36cfb300b9226b567c479
+  languageName: node
+  linkType: hard
+
 "nth-check@npm:~1.0.0":
   version: 1.0.2
   resolution: "nth-check@npm:1.0.2"
@@ -2809,6 +3054,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"postcss-selector-parser@npm:^6.0.13":
+  version: 6.0.15
+  resolution: "postcss-selector-parser@npm:6.0.15"
+  dependencies:
+    cssesc: "npm:^3.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: 48b425d6cef497bcf6b7d136f6fd95cfca43026955e07ec9290d3c15457de3a862dbf251dd36f42c07a0d5b5ab6f31e41acefeff02528995a989b955505e440b
+  languageName: node
+  linkType: hard
+
 "postcss@npm:^8.4.32":
   version: 8.4.33
   resolution: "postcss@npm:8.4.33"
@@ -2827,6 +3082,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier-linter-helpers@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "prettier-linter-helpers@npm:1.0.0"
+  dependencies:
+    fast-diff: "npm:^1.1.2"
+  checksum: 81e0027d731b7b3697ccd2129470ed9913ecb111e4ec175a12f0fcfab0096516373bf0af2fef132af50cafb0a905b74ff57996d615f59512bb9ac7378fcc64ab
+  languageName: node
+  linkType: hard
+
 "prettier@npm:^3.0.3":
   version: 3.0.3
   resolution: "prettier@npm:3.0.3"
@@ -3007,7 +3271,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.5, semver@npm:^7.5.4":
+"semver@npm:^7.3.5, semver@npm:^7.3.6, semver@npm:^7.5.4":
   version: 7.5.4
   resolution: "semver@npm:7.5.4"
   dependencies:
@@ -3235,6 +3499,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"synckit@npm:^0.8.6":
+  version: 0.8.8
+  resolution: "synckit@npm:0.8.8"
+  dependencies:
+    "@pkgr/core": "npm:^0.1.0"
+    tslib: "npm:^2.6.2"
+  checksum: c3d3aa8e284f3f84f2f868b960c9f49239b364e35f6d20825a448449a3e9c8f49fe36cdd5196b30615682f007830d46f2ea354003954c7336723cb821e4b6519
+  languageName: node
+  linkType: hard
+
 "tar@npm:^6.1.11, tar@npm:^6.1.2":
   version: 6.2.0
   resolution: "tar@npm:6.2.0"
@@ -3295,6 +3569,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tslib@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "tslib@npm:2.6.2"
+  checksum: e03a8a4271152c8b26604ed45535954c0a45296e32445b4b87f8a5abdb2421f40b59b4ca437c4346af0f28179780d604094eb64546bee2019d903d01c6c19bdb
+  languageName: node
+  linkType: hard
+
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"
@@ -3397,6 +3678,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"util-deprecate@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "util-deprecate@npm:1.0.2"
+  checksum: 41a5bdd214df2f6c3ecf8622745e4a366c4adced864bc3c833739791aeeeb1838119af7daed4ba36428114b5c67dcda034a79c882e97e43c03e66a4dd7389942
+  languageName: node
+  linkType: hard
+
 "vite@npm:^5.0.11":
   version: 5.0.11
   resolution: "vite@npm:5.0.11"
@@ -3453,6 +3741,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"vue-eslint-parser@npm:^9.3.1, vue-eslint-parser@npm:^9.4.0":
+  version: 9.4.0
+  resolution: "vue-eslint-parser@npm:9.4.0"
+  dependencies:
+    debug: "npm:^4.3.4"
+    eslint-scope: "npm:^7.1.1"
+    eslint-visitor-keys: "npm:^3.3.0"
+    espree: "npm:^9.3.1"
+    esquery: "npm:^1.4.0"
+    lodash: "npm:^4.17.21"
+    semver: "npm:^7.3.6"
+  peerDependencies:
+    eslint: ">=6.0.0"
+  checksum: c77ddaf69ef076f69164cb52fd1295cc73b002f99bf5bcde25dcbce2c3bba66decdc2abd29ce73434720dd3fca20323073b6044f84fec219c629f7b9276abce6
+  languageName: node
+  linkType: hard
+
 "vue-router@npm:^4.2.5":
   version: 4.2.5
   resolution: "vue-router@npm:4.2.5"
@@ -3553,6 +3858,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"xml-name-validator@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "xml-name-validator@npm:4.0.0"
+  checksum: c1bfa219d64e56fee265b2bd31b2fcecefc063ee802da1e73bad1f21d7afd89b943c9e2c97af2942f60b1ad46f915a4c81e00039c7d398b53cf410e29d3c30bd
+  languageName: node
+  linkType: hard
+
 "yallist@npm:^4.0.0":
   version: 4.0.0
   resolution: "yallist@npm:4.0.0"