From 75c633dcb503041647d7286eb57b6d0663758eee Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Fri, 9 Sep 2022 14:46:53 -0800
Subject: [PATCH] frontend: cleanup

* dummy commit

* cleanup workflows

* setup and run eslint

* add linter to CI

* use eslint for formatting

* reorder rules

* drop editor config
---
 .../{go.yaml => partial-backend.yaml}         |    3 -
 .../{frontend.yaml => partial-frontend.yaml}  |    4 +
 .github/workflows/publish.yaml                |    4 +-
 .github/workflows/pull-requests.yaml          |    4 +-
 README.md                                     |    1 +
 frontend/.editorconfig                        |   12 -
 frontend/.eslintrc.js                         |   51 +
 frontend/.prettierrc                          |   10 -
 frontend/components/App/Header.vue            |   28 +-
 frontend/components/App/Toast.vue             |    2 +-
 frontend/components/Base/ActionsDivider.vue   |    4 +-
 frontend/components/Base/Button.vue           |   17 +-
 frontend/components/Base/Container.vue        |    6 +-
 frontend/components/Base/Details.vue          |    2 +-
 frontend/components/Base/Modal.vue            |   10 +-
 frontend/components/Form/DatePicker.vue       |   25 +-
 frontend/components/Form/Multiselect.vue      |   17 +-
 frontend/components/Form/Select.vue           |   14 +-
 frontend/components/Form/TextArea.vue         |   19 +-
 frontend/components/Form/TextField.vue        |   10 +-
 frontend/components/Icon.vue                  |   10 +-
 frontend/components/Item/Card.vue             |    9 +-
 frontend/components/Item/CreateModal.vue      |   30 +-
 frontend/components/Label/Chip.vue            |    8 +-
 frontend/components/Label/CreateModal.vue     |   24 +-
 frontend/components/Location/Card.vue         |    2 +-
 frontend/components/Location/CreateModal.vue  |   18 +-
 frontend/components/ModalConfirm.vue          |    2 +-
 frontend/composables/use-api.ts               |   12 +-
 frontend/composables/use-confirm.ts           |   10 +-
 frontend/composables/use-ids.ts               |   60 +-
 frontend/composables/use-notifier.ts          |   82 +-
 frontend/composables/use-preferences.ts       |    4 +-
 frontend/composables/use-strings.ts           |    2 +-
 frontend/lib/api/__test__/public.test.ts      |   22 +-
 frontend/lib/api/__test__/test-utils.ts       |   30 +-
 frontend/lib/api/__test__/user/labels.test.ts |   30 +-
 .../lib/api/__test__/user/locations.test.ts   |   24 +-
 frontend/lib/api/base/base-api.ts             |    2 +-
 frontend/lib/api/base/index.test.ts           |   30 +-
 frontend/lib/api/base/index.ts                |    4 +-
 frontend/lib/api/base/urls.ts                 |    6 +-
 frontend/lib/api/classes/items.ts             |   26 +-
 frontend/lib/api/classes/labels.ts            |   20 +-
 frontend/lib/api/classes/locations.ts         |   21 +-
 frontend/lib/api/public.ts                    |    8 +-
 frontend/lib/api/user.ts                      |   16 +-
 frontend/lib/requests/index.ts                |    2 +-
 frontend/lib/requests/requests.ts             |   20 +-
 frontend/nuxt.config.ts                       |   14 +-
 frontend/package.json                         |   12 +
 frontend/pages/[...all].vue                   |   12 +-
 frontend/pages/home.vue                       |   32 +-
 frontend/pages/index.vue                      |   62 +-
 frontend/pages/item/[id]/edit.vue             |   86 +-
 frontend/pages/item/[id]/index.vue            |   54 +-
 frontend/pages/item/new.vue                   |   70 +-
 frontend/pages/label/[id].vue                 |   56 +-
 frontend/pages/location/[id].vue              |   54 +-
 frontend/pnpm-lock.yaml                       | 1413 ++++++++++++++++-
 frontend/postcss.config.js                    |    2 +-
 frontend/stores/auth.ts                       |   24 +-
 frontend/tailwind.config.js                   |   10 +-
 frontend/test/config.ts                       |    1 -
 frontend/test/setup.ts                        |   10 +-
 65 files changed, 2048 insertions(+), 641 deletions(-)
 rename .github/workflows/{go.yaml => partial-backend.yaml} (87%)
 rename .github/workflows/{frontend.yaml => partial-frontend.yaml} (88%)
 delete mode 100644 frontend/.editorconfig
 create mode 100644 frontend/.eslintrc.js
 delete mode 100644 frontend/.prettierrc

diff --git a/.github/workflows/go.yaml b/.github/workflows/partial-backend.yaml
similarity index 87%
rename from .github/workflows/go.yaml
rename to .github/workflows/partial-backend.yaml
index 98b140e..f01a0df 100644
--- a/.github/workflows/go.yaml
+++ b/.github/workflows/partial-backend.yaml
@@ -32,6 +32,3 @@ jobs:
 
       - name: Test
         run: task api:coverage
-
-      - name: Upload coverage to Codecov
-        run: cd backend && bash <(curl -s https://codecov.io/bash)
diff --git a/.github/workflows/frontend.yaml b/.github/workflows/partial-frontend.yaml
similarity index 88%
rename from .github/workflows/frontend.yaml
rename to .github/workflows/partial-frontend.yaml
index 9cab605..fcbfcbd 100644
--- a/.github/workflows/frontend.yaml
+++ b/.github/workflows/partial-frontend.yaml
@@ -32,5 +32,9 @@ jobs:
         run: pnpm install
         working-directory: frontend
 
+      - name: Run linter 👀
+        run: pnpm lint
+        working-directory: "frontend"
+
       - name: Run Integration Tests
         run: task test:ci
diff --git a/.github/workflows/publish.yaml b/.github/workflows/publish.yaml
index b6d3b76..829b02f 100644
--- a/.github/workflows/publish.yaml
+++ b/.github/workflows/publish.yaml
@@ -11,11 +11,11 @@ env:
 jobs:
   backend-tests:
     name: "Backend Server Tests"
-    uses: hay-kot/homebox/.github/workflows/go.yaml@main
+    uses: hay-kot/homebox/.github/workflows/partial-backend.yaml@main
 
   frontend-tests:
     name: "Frontend and End-to-End Tests"
-    uses: hay-kot/homebox/.github/workflows/frontend.yaml@main
+    uses: hay-kot/homebox/.github/workflows/partial-frontend.yaml@main
 
   deploy:
     name: "Deploy Nightly to Fly.io"
diff --git a/.github/workflows/pull-requests.yaml b/.github/workflows/pull-requests.yaml
index 7c93e8c..1ccdec6 100644
--- a/.github/workflows/pull-requests.yaml
+++ b/.github/workflows/pull-requests.yaml
@@ -8,8 +8,8 @@ on:
 jobs:
   backend-tests:
     name: "Backend Server Tests"
-    uses: hay-kot/homebox/.github/workflows/go.yaml@main
+    uses: hay-kot/homebox/.github/workflows/partial-backend.yaml@main
 
   frontend-tests:
     name: "Frontend and End-to-End Tests"
-    uses: hay-kot/homebox/.github/workflows/frontend.yaml@main
+    uses: hay-kot/homebox/.github/workflows/partial-frontend.yaml@main
diff --git a/README.md b/README.md
index 08a776c..bd53229 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@
 </p>
 
 
+
 ## MVP Todo
 
 - [x] Locations
diff --git a/frontend/.editorconfig b/frontend/.editorconfig
deleted file mode 100644
index 9554c73..0000000
--- a/frontend/.editorconfig
+++ /dev/null
@@ -1,12 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-# Matches multiple files with brace expansion notation
-[*.{js,jsx,html,sass,vue,ts,tsx,json}]
-charset = utf-8
-indent_style = tab
-indent_size = 4
-trim_trailing_whitespace = true
diff --git a/frontend/.eslintrc.js b/frontend/.eslintrc.js
new file mode 100644
index 0000000..fa57669
--- /dev/null
+++ b/frontend/.eslintrc.js
@@ -0,0 +1,51 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:vue/essential",
+    "plugin:@typescript-eslint/recommended",
+    "@nuxtjs/eslint-config-typescript",
+    "plugin:vue/vue3-recommended",
+    "plugin:prettier/recommended",
+  ],
+  parserOptions: {
+    ecmaVersion: "latest",
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
+  },
+  plugins: ["vue", "@typescript-eslint"],
+  rules: {
+    "no-console": 0,
+    "no-unused-vars": "off",
+    "vue/multi-word-component-names": "off",
+    "vue/no-setup-props-destructure": 0,
+    "vue/no-multiple-template-root": 0,
+    "vue/no-v-model-argument": 0,
+    "@typescript-eslint/ban-ts-comment": 0,
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        ignoreRestSiblings: true,
+        destructuredArrayIgnorePattern: "_",
+        caughtErrors: "none",
+      },
+    ],
+    "prettier/prettier": [
+      "warn",
+      {
+        arrowParens: "avoid",
+        semi: true,
+        tabWidth: 2,
+        useTabs: false,
+        vueIndentScriptAndStyle: true,
+        singleQuote: false,
+        trailingComma: "es5",
+        printWidth: 120,
+      },
+    ],
+  },
+};
diff --git a/frontend/.prettierrc b/frontend/.prettierrc
deleted file mode 100644
index b12bbd4..0000000
--- a/frontend/.prettierrc
+++ /dev/null
@@ -1,10 +0,0 @@
-{
-    "arrowParens": "avoid",
-    "semi": true,
-    "tabWidth": 2,
-    "useTabs": false,
-    "vueIndentScriptAndStyle": true,
-    "singleQuote": true,
-    "trailingComma": "es5",
-    "printWidth": 120
-}
\ No newline at end of file
diff --git a/frontend/components/App/Header.vue b/frontend/components/App/Header.vue
index 54d2e0f..ca876df 100644
--- a/frontend/components/App/Header.vue
+++ b/frontend/components/App/Header.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-  import { useAuthStore } from '~~/stores/auth';
+  import { useAuthStore } from "~~/stores/auth";
 
   const authStore = useAuthStore();
   const api = useUserApi();
@@ -10,16 +10,16 @@
       return;
     }
 
-    navigateTo('/');
+    navigateTo("/");
   }
 
   const links = [
     {
-      name: 'Home',
-      href: '/home',
+      name: "Home",
+      href: "/home",
     },
     {
-      name: 'Logout',
+      name: "Logout",
       action: logout,
       last: true,
     },
@@ -33,19 +33,19 @@
 
   const dropdown = [
     {
-      name: 'Item / Asset',
+      name: "Item / Asset",
       action: () => {
         modals.item = true;
       },
     },
     {
-      name: 'Location',
+      name: "Location",
       action: () => {
         modals.location = true;
       },
     },
     {
-      name: 'Label',
+      name: "Label",
       action: () => {
         modals.label = true;
       },
@@ -66,7 +66,7 @@
 
   <div class="bg-neutral absolute shadow-xl top-0 h-[50vh] max-h-96 sm:h-[28vh] -z-10 w-full"></div>
 
-  <BaseContainer is="header" class="py-6 max-w-none">
+  <BaseContainer cmp="header" class="py-6 max-w-none">
     <BaseContainer>
       <h2 class="mt-1 text-4xl font-bold tracking-tight text-neutral-content sm:text-5xl lg:text-6xl flex">
         HomeB
@@ -77,20 +77,22 @@
         <template v-for="link in links">
           <NuxtLink
             v-if="!link.action"
+            :key="link.name"
             class="hover:text-base-content transition-color duration-200 italic"
             :to="link.href"
           >
             {{ link.name }}
           </NuxtLink>
           <button
-            for="location-form-modal"
             v-else
-            @click="link.action"
+            :key="link.name + 'link'"
+            for="location-form-modal"
             class="hover:text-base-content transition-color duration-200 italic"
+            @click="link.action"
           >
             {{ link.name }}
           </button>
-          <span v-if="!link.last"> / </span>
+          <span v-if="!link.last" :key="link.name"> / </span>
         </template>
       </div>
       <div class="flex mt-6">
@@ -102,7 +104,7 @@
             Create
           </label>
           <ul tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-52">
-            <li v-for="btn in dropdown">
+            <li v-for="btn in dropdown" :key="btn.name">
               <button @click="btn.action">
                 {{ btn.name }}
               </button>
diff --git a/frontend/components/App/Toast.vue b/frontend/components/App/Toast.vue
index 9804066..34b77b9 100644
--- a/frontend/components/App/Toast.vue
+++ b/frontend/components/App/Toast.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script setup lang="ts">
-  import { useNotifications } from '@/composables/use-notifier';
+  import { useNotifications } from "@/composables/use-notifier";
 
   const { notifications, dropNotification } = useNotifications();
 </script>
diff --git a/frontend/components/Base/ActionsDivider.vue b/frontend/components/Base/ActionsDivider.vue
index e943c05..c1199bd 100644
--- a/frontend/components/Base/ActionsDivider.vue
+++ b/frontend/components/Base/ActionsDivider.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="divider">
     <div class="btn-group min-w-[180px] flex-nowrap">
-      <button @click="$emit('edit')" name="options" class="btn btn-sm btn-primary">
+      <button name="options" class="btn btn-sm btn-primary" @click="$emit('edit')">
         <Icon name="heroicons-pencil" class="h-5 w-5 mr-1" aria-hidden="true" />
         <span> Edit </span>
       </button>
-      <button @click="$emit('delete')" name="options" class="btn btn-sm btn-primary">
+      <button name="options" class="btn btn-sm btn-primary" @click="$emit('delete')">
         <Icon name="heroicons-trash" class="h-5 w-5 mr-1" aria-hidden="true" />
         <span> Delete </span>
       </button>
diff --git a/frontend/components/Base/Button.vue b/frontend/components/Base/Button.vue
index f0b1cd3..a22cb92 100644
--- a/frontend/components/Base/Button.vue
+++ b/frontend/components/Base/Button.vue
@@ -1,10 +1,10 @@
 <template>
   <NuxtLink
     v-if="to"
-    :to="to"
     v-bind="attributes"
-    class="btn"
     ref="submitBtn"
+    :to="to"
+    class="btn"
     :class="{
       loading: loading,
       'btn-sm': size === 'sm',
@@ -19,8 +19,8 @@
   <button
     v-else
     v-bind="attributes"
-    class="btn"
     ref="submitBtn"
+    class="btn"
     :class="{
       loading: loading,
       'btn-sm': size === 'sm',
@@ -35,7 +35,7 @@
 </template>
 
 <script setup lang="ts">
-  type Sizes = 'sm' | 'md' | 'lg';
+  type Sizes = "sm" | "md" | "lg";
 
   const props = defineProps({
     loading: {
@@ -48,7 +48,7 @@
     },
     size: {
       type: String as () => Sizes,
-      default: 'md',
+      default: "md",
     },
     to: {
       type: String as () => string | null,
@@ -67,13 +67,6 @@
     };
   });
 
-  const is = computed(() => {
-    if (props.to) {
-      return 'a';
-    }
-    return 'button';
-  });
-
   const submitBtn = ref(null);
   const isHover = useElementHover(submitBtn);
 </script>
diff --git a/frontend/components/Base/Container.vue b/frontend/components/Base/Container.vue
index 29f515b..98ffe07 100644
--- a/frontend/components/Base/Container.vue
+++ b/frontend/components/Base/Container.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
   defineProps({
-    is: {
+    cmp: {
       type: String,
-      default: 'div',
+      default: "div",
     },
   });
 </script>
 
 <template>
-  <component :is="is" class="container max-w-6xl mx-auto px-4">
+  <component :is="cmp" class="container max-w-6xl mx-auto px-4">
     <slot />
   </component>
 </template>
diff --git a/frontend/components/Base/Details.vue b/frontend/components/Base/Details.vue
index 2ecfc96..8206280 100644
--- a/frontend/components/Base/Details.vue
+++ b/frontend/components/Base/Details.vue
@@ -10,7 +10,7 @@
     </div>
     <div class="border-t border-gray-300 px-4 py-5 sm:p-0">
       <dl class="sm:divide-y sm:divide-gray-300">
-        <div v-for="(dValue, dKey) in details" class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
+        <div v-for="(dValue, dKey) in details" :key="dKey" class="py-4 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
           <dt class="text-sm font-medium text-gray-500">
             {{ dKey }}
           </dt>
diff --git a/frontend/components/Base/Modal.vue b/frontend/components/Base/Modal.vue
index 950918f..0aee636 100644
--- a/frontend/components/Base/Modal.vue
+++ b/frontend/components/Base/Modal.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="z-[999]">
-    <input type="checkbox" :id="modalId" class="modal-toggle" v-model="modal" />
+    <input :id="modalId" v-model="modal" type="checkbox" class="modal-toggle" />
     <div class="modal modal-bottom sm:modal-middle overflow-visible">
       <div class="modal-box overflow-visible relative">
-        <button @click="close" :for="modalId" class="btn btn-sm btn-circle absolute right-2 top-2">✕</button>
+        <button :for="modalId" class="btn btn-sm btn-circle absolute right-2 top-2" @click="close">✕</button>
 
         <h3 class="font-bold text-lg">
           <slot name="title"></slot>
@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-  const emit = defineEmits(['cancel', 'update:modelValue']);
+  const emit = defineEmits(["cancel", "update:modelValue"]);
   const props = defineProps({
     modelValue: {
       type: Boolean,
@@ -34,12 +34,12 @@
 
   function close() {
     if (props.readonly) {
-      emit('cancel');
+      emit("cancel");
       return;
     }
     modal.value = false;
   }
 
   const modalId = useId();
-  const modal = useVModel(props, 'modelValue', emit);
+  const modal = useVModel(props, "modelValue", emit);
 </script>
diff --git a/frontend/components/Form/DatePicker.vue b/frontend/components/Form/DatePicker.vue
index ba4b7f6..619dcd9 100644
--- a/frontend/components/Form/DatePicker.vue
+++ b/frontend/components/Form/DatePicker.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="dropdown dropdown-end w-full" ref="label">
-    <FormTextField tabindex="0" label="Date" v-model="dateText" :inline="inline" readonly />
-    <div @blur="resetTime" tabindex="0" class="mt-1 card compact dropdown-content shadow bg-base-100 rounded-box w-64">
+  <div ref="label" class="dropdown dropdown-end w-full">
+    <FormTextField v-model="dateText" tabindex="0" label="Date" :inline="inline" readonly />
+    <div tabindex="0" class="mt-1 card compact dropdown-content shadow bg-base-100 rounded-box w-64" @blur="resetTime">
       <div class="card-body">
         <div class="flex justify-between items-center">
           <button class="btn btn-xs" @click="prevMonth">
@@ -13,7 +13,7 @@
           </button>
         </div>
         <div class="grid grid-cols-7 gap-2">
-          <div v-for="d in daysIdx">
+          <div v-for="d in daysIdx" :key="d">
             <p class="text-center">
               {{ d }}
             </p>
@@ -21,12 +21,13 @@
           <template v-for="day in days">
             <button
               v-if="day.number != ''"
+              :key="day.number"
               class="text-center btn-xs btn btn-outline"
               @click="select($event, day.date)"
             >
               {{ day.number }}
             </button>
-            <div v-else></div>
+            <div v-else :key="`${day.number}-empty`"></div>
           </template>
         </div>
       </div>
@@ -35,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-  const emit = defineEmits(['update:modelValue', 'update:text']);
+  const emit = defineEmits(["update:modelValue", "update:text"]);
 
   const props = defineProps({
     modelValue: {
@@ -49,12 +50,12 @@
     },
   });
 
-  const selected = useVModel(props, 'modelValue', emit);
+  const selected = useVModel(props, "modelValue", emit);
   const dateText = computed(() => {
     if (selected.value) {
       return selected.value.toLocaleDateString();
     }
-    return '';
+    return "";
   });
 
   const time = ref(new Date());
@@ -68,7 +69,7 @@
   });
 
   const month = computed(() => {
-    return time.value.toLocaleString('default', { month: 'long' });
+    return time.value.toLocaleString("default", { month: "long" });
   });
 
   const year = computed(() => {
@@ -86,14 +87,14 @@
   }
 
   const daysIdx = computed(() => {
-    return ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
+    return ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
   });
 
   function select(e: MouseEvent, day: Date) {
     console.log(day);
     selected.value = day;
     console.log(selected.value);
-    // @ts-ignore
+    // @ts-ignore - this is a vue3 bug
     e.target.blur();
     resetTime();
   }
@@ -116,7 +117,7 @@
 
     for (let i = 0; i < firstDay; i++) {
       days.push({
-        number: '',
+        number: "",
         date: new Date(),
       });
     }
diff --git a/frontend/components/Form/Multiselect.vue b/frontend/components/Form/Multiselect.vue
index c01f681..cc6622a 100644
--- a/frontend/components/Form/Multiselect.vue
+++ b/frontend/components/Form/Multiselect.vue
@@ -1,11 +1,13 @@
 <template>
-  <div class="form-control w-full" ref="menu">
+  <div ref="menu" class="form-control w-full">
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
     <div class="dropdown dropdown-top sm:dropdown-end">
       <div tabindex="0" class="w-full min-h-[48px] flex gap-2 p-4 flex-wrap border border-gray-400 rounded-lg">
-        <span class="badge" v-for="itm in value"> {{ name != '' ? itm[name] : itm }} </span>
+        <span v-for="itm in value" :key="name != '' ? itm[name] : itm" class="badge">
+          {{ name != "" ? itm[name] : itm }}
+        </span>
       </div>
       <ul
         tabindex="0"
@@ -13,12 +15,13 @@
       >
         <li
           v-for="(obj, idx) in items"
+          :key="idx"
           :class="{
             bordered: selectedIndexes[idx],
           }"
         >
           <button type="button" @click="toggle(idx)">
-            {{ name != '' ? obj[name] : obj }}
+            {{ name != "" ? obj[name] : obj }}
           </button>
         </li>
       </ul>
@@ -27,11 +30,11 @@
 </template>
 
 <script lang="ts" setup>
-  const emit = defineEmits(['update:modelValue']);
+  const emit = defineEmits(["update:modelValue"]);
   const props = defineProps({
     label: {
       type: String,
-      default: '',
+      default: "",
     },
     modelValue: {
       type: Array as () => any[],
@@ -43,7 +46,7 @@
     },
     name: {
       type: String,
-      default: 'name',
+      default: "name",
     },
     selectFirst: {
       type: Boolean,
@@ -74,5 +77,5 @@
     }
   );
 
-  const value = useVModel(props, 'modelValue', emit);
+  const value = useVModel(props, "modelValue", emit);
 </script>
diff --git a/frontend/components/Form/Select.vue b/frontend/components/Form/Select.vue
index e3d716e..9ab06c5 100644
--- a/frontend/components/Form/Select.vue
+++ b/frontend/components/Form/Select.vue
@@ -3,10 +3,10 @@
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
-    <select class="select select-bordered" v-model="value">
+    <select v-model="value" class="select select-bordered">
       <option disabled selected>Pick one</option>
-      <option v-for="obj in items" :value="obj">
-        {{ name != '' ? obj[name] : obj }}
+      <option v-for="obj in items" :key="name != '' ? obj[name] : obj" :value="obj">
+        {{ name != "" ? obj[name] : obj }}
       </option>
     </select>
     <!-- <label class="label">
@@ -17,11 +17,11 @@
 </template>
 
 <script lang="ts" setup>
-  const emit = defineEmits(['update:modelValue']);
+  const emit = defineEmits(["update:modelValue"]);
   const props = defineProps({
     label: {
       type: String,
-      default: '',
+      default: "",
     },
     modelValue: {
       type: Object as any,
@@ -33,7 +33,7 @@
     },
     name: {
       type: String,
-      default: 'name',
+      default: "name",
     },
     selectFirst: {
       type: Boolean,
@@ -50,5 +50,5 @@
     }
   );
 
-  const value = useVModel(props, 'modelValue', emit);
+  const value = useVModel(props, "modelValue", emit);
 </script>
diff --git a/frontend/components/Form/TextArea.vue b/frontend/components/Form/TextArea.vue
index f2ffc95..f753a07 100644
--- a/frontend/components/Form/TextArea.vue
+++ b/frontend/components/Form/TextArea.vue
@@ -1,9 +1,9 @@
 <template>
-  <div class="form-control" v-if="!inline">
+  <div v-if="!inline" class="form-control">
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
-    <textarea class="textarea textarea-bordered h-24" v-model="value" :placeholder="placeholder" />
+    <textarea v-model="value" class="textarea textarea-bordered h-24" :placeholder="placeholder" />
     <label v-if="limit" class="label">
       <span class="label-text-alt"></span>
       <span class="label-text-alt"> {{ valueLen }}/{{ limit }}</span>
@@ -13,12 +13,17 @@
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
-    <textarea class="textarea textarea-bordered col-span-3 mt-3 h-24" auto-grow v-model="value" :placeholder="placeholder" />
+    <textarea
+      v-model="value"
+      class="textarea textarea-bordered col-span-3 mt-3 h-24"
+      auto-grow
+      :placeholder="placeholder"
+    />
   </div>
 </template>
 
 <script lang="ts" setup>
-  const emit = defineEmits(['update:modelValue']);
+  const emit = defineEmits(["update:modelValue"]);
   const props = defineProps({
     modelValue: {
       type: [String],
@@ -30,7 +35,7 @@
     },
     type: {
       type: String,
-      default: 'text',
+      default: "text",
     },
     limit: {
       type: [Number, String],
@@ -38,7 +43,7 @@
     },
     placeholder: {
       type: String,
-      default: '',
+      default: "",
     },
     inline: {
       type: Boolean,
@@ -46,7 +51,7 @@
     },
   });
 
-  const value = useVModel(props, 'modelValue', emit);
+  const value = useVModel(props, "modelValue", emit);
   const valueLen = computed(() => {
     return value.value ? value.value.length : 0;
   });
diff --git a/frontend/components/Form/TextField.vue b/frontend/components/Form/TextField.vue
index d6d9c52..698d1f6 100644
--- a/frontend/components/Form/TextField.vue
+++ b/frontend/components/Form/TextField.vue
@@ -3,13 +3,13 @@
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
-    <input ref="input" :type="type" v-model="value" class="input input-bordered w-full" />
+    <input ref="input" v-model="value" :type="type" class="input input-bordered w-full" />
   </div>
   <div v-else class="sm:grid sm:grid-cols-4 sm:items-start sm:gap-4">
     <label class="label">
       <span class="label-text">{{ label }}</span>
     </label>
-    <input class="input input-bordered col-span-3 w-full mt-2" v-model="value" />
+    <input v-model="value" class="input input-bordered col-span-3 w-full mt-2" />
   </div>
 </template>
 
@@ -17,7 +17,7 @@
   const props = defineProps({
     label: {
       type: String,
-      default: '',
+      default: "",
     },
     modelValue: {
       type: [String, Number],
@@ -25,7 +25,7 @@
     },
     type: {
       type: String,
-      default: 'text',
+      default: "text",
     },
     triggerFocus: {
       type: Boolean,
@@ -48,5 +48,5 @@
     }
   );
 
-  const value = useVModel(props, 'modelValue');
+  const value = useVModel(props, "modelValue");
 </script>
diff --git a/frontend/components/Icon.vue b/frontend/components/Icon.vue
index da66a6a..db67841 100644
--- a/frontend/components/Icon.vue
+++ b/frontend/components/Icon.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-  import type { Ref } from 'vue';
-  import type { IconifyIcon } from '@iconify/vue';
-  import { Icon as Iconify, loadIcon } from '@iconify/vue';
+  import type { Ref } from "vue";
+  import type { IconifyIcon } from "@iconify/vue";
+  import { Icon as Iconify, loadIcon } from "@iconify/vue";
 
   const nuxtApp = useNuxtApp();
   const props = defineProps({
@@ -14,12 +14,12 @@
   const icon: Ref<IconifyIcon | null> = ref(null);
   const component = computed(() => nuxtApp.vueApp.component(props.name));
 
-  icon.value = await loadIcon(props.name).catch(_ => null);
+  icon.value = await loadIcon(props.name).catch(() => null);
 
   watch(
     () => props.name,
     async () => {
-      icon.value = await loadIcon(props.name).catch(_ => null);
+      icon.value = await loadIcon(props.name).catch(() => null);
     }
   );
 </script>
diff --git a/frontend/components/Item/Card.vue b/frontend/components/Item/Card.vue
index 7f4c74f..40c76b8 100644
--- a/frontend/components/Item/Card.vue
+++ b/frontend/components/Item/Card.vue
@@ -10,14 +10,19 @@
       </h2>
       <p>{{ description }}</p>
       <div class="flex gap-2 flex-wrap justify-end">
-        <LabelChip v-for="label in item.labels" :label="label" class="badge-primary group-hover:badge-secondary" />
+        <LabelChip
+          v-for="label in item.labels"
+          :key="label.id"
+          :label="label"
+          class="badge-primary group-hover:badge-secondary"
+        />
       </div>
     </div>
   </NuxtLink>
 </template>
 
 <script setup lang="ts">
-  import { Item } from '~~/lib/api/classes/items';
+  import { Item } from "~~/lib/api/classes/items";
 
   const props = defineProps({
     item: {
diff --git a/frontend/components/Item/CreateModal.vue b/frontend/components/Item/CreateModal.vue
index e1bbd23..d93a314 100644
--- a/frontend/components/Item/CreateModal.vue
+++ b/frontend/components/Item/CreateModal.vue
@@ -2,16 +2,16 @@
   <BaseModal v-model="modal">
     <template #title> Create Item </template>
     <form @submit.prevent="create">
-      <FormSelect label="Location" v-model="form.location" :items="locations ?? []" select-first />
+      <FormSelect v-model="form.location" label="Location" :items="locations ?? []" select-first />
       <FormTextField
-        :trigger-focus="focused"
         ref="locationNameRef"
+        v-model="form.name"
+        :trigger-focus="focused"
         :autofocus="true"
         label="Item Name"
-        v-model="form.name"
       />
-      <FormTextField label="Item Description" v-model="form.description" />
-      <FormMultiselect label="Labels" v-model="form.labels" :items="labels ?? []" />
+      <FormTextField v-model="form.description" label="Item Description" />
+      <FormMultiselect v-model="form.labels" label="Labels" :items="labels ?? []" />
       <div class="modal-action">
         <BaseButton ref="submitBtn" type="submit" :loading="loading">
           <template #icon>
@@ -26,7 +26,7 @@
 </template>
 
 <script setup lang="ts">
-  import { type Location } from '~~/lib/api/classes/locations';
+  import { type Location } from "~~/lib/api/classes/locations";
   const props = defineProps({
     modelValue: {
       type: Boolean,
@@ -36,21 +36,21 @@
 
   const submitBtn = ref(null);
 
-  const modal = useVModel(props, 'modelValue');
+  const modal = useVModel(props, "modelValue");
   const loading = ref(false);
   const focused = ref(false);
   const form = reactive({
     location: {} as Location,
-    name: '',
-    description: '',
-    color: '', // Future!
+    name: "",
+    description: "",
+    color: "", // Future!
     labels: [],
   });
 
   function reset() {
-    form.name = '';
-    form.description = '';
-    form.color = '';
+    form.name = "";
+    form.description = "";
+    form.color = "";
     focused.value = false;
     modal.value = false;
     loading.value = false;
@@ -87,13 +87,13 @@
       labelIds: form.labels.map(l => l.id) as string[],
     };
 
-    const { data, error } = await api.items.create(out);
+    const { error } = await api.items.create(out);
     if (error) {
       toast.error("Couldn't create label");
       return;
     }
 
-    toast.success('Item created');
+    toast.success("Item created");
     reset();
   }
 </script>
diff --git a/frontend/components/Label/Chip.vue b/frontend/components/Label/Chip.vue
index 02047b3..75d10b4 100644
--- a/frontend/components/Label/Chip.vue
+++ b/frontend/components/Label/Chip.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
-  export type sizes = 'sm' | 'md' | 'lg';
+  import { Label } from "~~/lib/api/classes/labels";
 
-  import { Label } from '~~/lib/api/classes/labels';
+  export type sizes = "sm" | "md" | "lg";
   defineProps({
     label: {
       type: Object as () => Label,
@@ -9,7 +9,7 @@
     },
     size: {
       type: String as () => sizes,
-      default: 'md',
+      default: "md",
     },
   });
 
@@ -22,12 +22,12 @@
 
 <template>
   <NuxtLink
+    ref="badge"
     class="badge"
     :class="{
       'p-3': size !== 'sm',
       'p-2 badge-sm': size === 'sm',
     }"
-    ref="badge"
     :to="`/label/${label.id}`"
   >
     <label class="swap swap-rotate" :class="isActive ? 'swap-active' : ''">
diff --git a/frontend/components/Label/CreateModal.vue b/frontend/components/Label/CreateModal.vue
index 043ae7a..823a10a 100644
--- a/frontend/components/Label/CreateModal.vue
+++ b/frontend/components/Label/CreateModal.vue
@@ -3,13 +3,13 @@
     <template #title> Create Label </template>
     <form @submit.prevent="create">
       <FormTextField
-        :trigger-focus="focused"
         ref="locationNameRef"
+        v-model="form.name"
+        :trigger-focus="focused"
         :autofocus="true"
         label="Label Name"
-        v-model="form.name"
       />
-      <FormTextField label="Label Description" v-model="form.description" />
+      <FormTextField v-model="form.description" label="Label Description" />
       <div class="modal-action">
         <BaseButton type="submit" :loading="loading"> Create </BaseButton>
       </div>
@@ -25,19 +25,19 @@
     },
   });
 
-  const modal = useVModel(props, 'modelValue');
+  const modal = useVModel(props, "modelValue");
   const loading = ref(false);
   const focused = ref(false);
   const form = reactive({
-    name: '',
-    description: '',
-    color: '', // Future!
+    name: "",
+    description: "",
+    color: "", // Future!
   });
 
   function reset() {
-    form.name = '';
-    form.description = '';
-    form.color = '';
+    form.name = "";
+    form.description = "";
+    form.color = "";
     focused.value = false;
     modal.value = false;
     loading.value = false;
@@ -54,13 +54,13 @@
   const toast = useNotifier();
 
   async function create() {
-    const { data, error } = await api.labels.create(form);
+    const { error } = await api.labels.create(form);
     if (error) {
       toast.error("Couldn't create label");
       return;
     }
 
-    toast.success('Label created');
+    toast.success("Label created");
     reset();
   }
 </script>
diff --git a/frontend/components/Location/Card.vue b/frontend/components/Location/Card.vue
index 1948354..04e55a3 100644
--- a/frontend/components/Location/Card.vue
+++ b/frontend/components/Location/Card.vue
@@ -26,7 +26,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { Location } from '~~/lib/api/classes/locations';
+  import { Location } from "~~/lib/api/classes/locations";
 
   defineProps({
     location: {
diff --git a/frontend/components/Location/CreateModal.vue b/frontend/components/Location/CreateModal.vue
index d79ad88..fe52772 100644
--- a/frontend/components/Location/CreateModal.vue
+++ b/frontend/components/Location/CreateModal.vue
@@ -3,13 +3,13 @@
     <template #title> Create Location </template>
     <form @submit.prevent="create">
       <FormTextField
-        :trigger-focus="focused"
         ref="locationNameRef"
+        v-model="form.name"
+        :trigger-focus="focused"
         :autofocus="true"
         label="Location Name"
-        v-model="form.name"
       />
-      <FormTextField label="Location Description" v-model="form.description" />
+      <FormTextField v-model="form.description" label="Location Description" />
       <div class="modal-action">
         <BaseButton type="submit" :loading="loading"> Create </BaseButton>
       </div>
@@ -25,12 +25,12 @@
     },
   });
 
-  const modal = useVModel(props, 'modelValue');
+  const modal = useVModel(props, "modelValue");
   const loading = ref(false);
   const focused = ref(false);
   const form = reactive({
-    name: '',
-    description: '',
+    name: "",
+    description: "",
   });
 
   whenever(
@@ -41,8 +41,8 @@
   );
 
   function reset() {
-    form.name = '';
-    form.description = '';
+    form.name = "";
+    form.description = "";
     focused.value = false;
     modal.value = false;
     loading.value = false;
@@ -61,7 +61,7 @@
     }
 
     if (data) {
-      toast.success('Location created');
+      toast.success("Location created");
       navigateTo(`/location/${data.id}`);
     }
 
diff --git a/frontend/components/ModalConfirm.vue b/frontend/components/ModalConfirm.vue
index b77c0bc..04d4aec 100644
--- a/frontend/components/ModalConfirm.vue
+++ b/frontend/components/ModalConfirm.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseModal @cancel="cancel(false)" v-model="isRevealed" readonly>
+  <BaseModal v-model="isRevealed" readonly @cancel="cancel(false)">
     <template #title> Confirm </template>
     <div>
       <p>{{ text }}</p>
diff --git a/frontend/composables/use-api.ts b/frontend/composables/use-api.ts
index 87be12c..2a51fd7 100644
--- a/frontend/composables/use-api.ts
+++ b/frontend/composables/use-api.ts
@@ -1,21 +1,21 @@
-import { PublicApi } from '~~/lib/api/public';
-import { UserApi } from '~~/lib/api/user';
-import { Requests } from '~~/lib/requests';
-import { useAuthStore } from '~~/stores/auth';
+import { PublicApi } from "~~/lib/api/public";
+import { UserApi } from "~~/lib/api/user";
+import { Requests } from "~~/lib/requests";
+import { useAuthStore } from "~~/stores/auth";
 
 function logger(r: Response) {
   console.log(`${r.status}   ${r.url}   ${r.statusText}`);
 }
 
 export function usePublicApi(): PublicApi {
-  const requests = new Requests('', '', {});
+  const requests = new Requests("", "", {});
   return new PublicApi(requests);
 }
 
 export function useUserApi(): UserApi {
   const authStore = useAuthStore();
 
-  const requests = new Requests('', () => authStore.token, {});
+  const requests = new Requests("", () => authStore.token, {});
   requests.addResponseInterceptor(logger);
   requests.addResponseInterceptor(r => {
     if (r.status === 401) {
diff --git a/frontend/composables/use-confirm.ts b/frontend/composables/use-confirm.ts
index b8e2c2c..2e02647 100644
--- a/frontend/composables/use-confirm.ts
+++ b/frontend/composables/use-confirm.ts
@@ -1,13 +1,13 @@
-import { UseConfirmDialogReturn } from '@vueuse/core';
-import { Ref } from 'vue';
+import { UseConfirmDialogReturn } from "@vueuse/core";
+import { Ref } from "vue";
 
-type Store = UseConfirmDialogReturn<any, Boolean, Boolean> & {
+type Store = UseConfirmDialogReturn<any, boolean, boolean> & {
   text: Ref<string>;
   setup: boolean;
 };
 
 const store: Partial<Store> = {
-  text: ref('Are you sure you want to delete this item? '),
+  text: ref("Are you sure you want to delete this item? "),
   setup: false,
 };
 
@@ -21,7 +21,7 @@ const store: Partial<Store> = {
 export function useConfirm(): Store {
   if (!store.setup) {
     store.setup = true;
-    const { isRevealed, reveal, confirm, cancel } = useConfirmDialog<any, Boolean, Boolean>();
+    const { isRevealed, reveal, confirm, cancel } = useConfirmDialog<any, boolean, boolean>();
     store.isRevealed = isRevealed;
     store.reveal = reveal;
     store.confirm = confirm;
diff --git a/frontend/composables/use-ids.ts b/frontend/composables/use-ids.ts
index dd1a164..98b896a 100755
--- a/frontend/composables/use-ids.ts
+++ b/frontend/composables/use-ids.ts
@@ -1,31 +1,29 @@
-function slugify(text: string) {
-	return text
-		.toString()
-		.toLowerCase()
-		.replace(/\s+/g, '-') // Replace spaces with -
-		.replace(/[^\w\-]+/g, '') // Remove all non-word chars
-		.replace(/\-\-+/g, '-') // Replace multiple - with single -
-		.replace(/^-+/, '') // Trim - from start of text
-		.replace(/-+$/, ''); // Trim - from end of text
-}
-
-function idGenerator(): string {
-	const id =
-		Math.random().toString(32).substring(2, 6) +
-		Math.random().toString(36).substring(2, 6);
-	return slugify(id);
-}
-
-/**
- * useFormIds uses the provided label to generate a unique id for the
- * form element. If no label is provided the id is generated using a
- * random string.
- */
-export function useFormIds(label: string): string {
-	const slug = label ? slugify(label) : idGenerator();
-	return `${slug}-${idGenerator()}`;
-}
-
-export function useId(): string {
-	return idGenerator();
-}
+function slugify(text: string) {
+  return text
+    .toString()
+    .toLowerCase()
+    .replace(/\s+/g, "-") // Replace spaces with -
+    .replace(/[^\w-]+/g, "") // Remove all non-word chars
+    .replace(/--+/g, "-") // Replace multiple - with single -
+    .replace(/^-+/, "") // Trim - from start of text
+    .replace(/-+$/, ""); // Trim - from end of text
+}
+
+function idGenerator(): string {
+  const id = Math.random().toString(32).substring(2, 6) + Math.random().toString(36).substring(2, 6);
+  return slugify(id);
+}
+
+/**
+ * useFormIds uses the provided label to generate a unique id for the
+ * form element. If no label is provided the id is generated using a
+ * random string.
+ */
+export function useFormIds(label: string): string {
+  const slug = label ? slugify(label) : idGenerator();
+  return `${slug}-${idGenerator()}`;
+}
+
+export function useId(): string {
+  return idGenerator();
+}
diff --git a/frontend/composables/use-notifier.ts b/frontend/composables/use-notifier.ts
index 4158cda..37243da 100644
--- a/frontend/composables/use-notifier.ts
+++ b/frontend/composables/use-notifier.ts
@@ -1,57 +1,55 @@
-import { useId } from './use-ids';
+import { useId } from "./use-ids";
 
 interface Notification {
-	id: string;
-	message: string;
-	type: 'success' | 'error' | 'info';
+  id: string;
+  message: string;
+  type: "success" | "error" | "info";
 }
 
 const notifications = ref<Notification[]>([]);
 
 function addNotification(notification: Notification) {
-	notifications.value.unshift(notification);
+  notifications.value.unshift(notification);
 
-	if (notifications.value.length > 4) {
-		notifications.value.pop();
-	} else {
-		setTimeout(() => {
-			// Remove notification with ID
-			notifications.value = notifications.value.filter(
-				n => n.id !== notification.id
-			);
-		}, 5000);
-	}
+  if (notifications.value.length > 4) {
+    notifications.value.pop();
+  } else {
+    setTimeout(() => {
+      // Remove notification with ID
+      notifications.value = notifications.value.filter(n => n.id !== notification.id);
+    }, 5000);
+  }
 }
 
 export function useNotifications() {
-	return {
-		notifications,
-		dropNotification: (idx: number) => notifications.value.splice(idx, 1),
-	};
+  return {
+    notifications,
+    dropNotification: (idx: number) => notifications.value.splice(idx, 1),
+  };
 }
 
 export function useNotifier() {
-	return {
-		success: (message: string) => {
-			addNotification({
-				id: useId(),
-				message,
-				type: 'success',
-			});
-		},
-		error: (message: string) => {
-			addNotification({
-				id: useId(),
-				message,
-				type: 'error',
-			});
-		},
-		info: (message: string) => {
-			addNotification({
-				id: useId(),
-				message,
-				type: 'info',
-			});
-		},
-	};
+  return {
+    success: (message: string) => {
+      addNotification({
+        id: useId(),
+        message,
+        type: "success",
+      });
+    },
+    error: (message: string) => {
+      addNotification({
+        id: useId(),
+        message,
+        type: "error",
+      });
+    },
+    info: (message: string) => {
+      addNotification({
+        id: useId(),
+        message,
+        type: "info",
+      });
+    },
+  };
 }
diff --git a/frontend/composables/use-preferences.ts b/frontend/composables/use-preferences.ts
index 3a01789..db3eab0 100644
--- a/frontend/composables/use-preferences.ts
+++ b/frontend/composables/use-preferences.ts
@@ -1,4 +1,4 @@
-import { Ref } from 'vue';
+import { Ref } from "vue";
 
 export type LocationViewPreferences = {
   showDetails: boolean;
@@ -11,7 +11,7 @@ export type LocationViewPreferences = {
  */
 export function useViewPreferences(): Ref<LocationViewPreferences> {
   const results = useLocalStorage(
-    'homebox/preferences/location',
+    "homebox/preferences/location",
     {
       showDetails: true,
       showEmpty: true,
diff --git a/frontend/composables/use-strings.ts b/frontend/composables/use-strings.ts
index 9d179e9..e0658d3 100644
--- a/frontend/composables/use-strings.ts
+++ b/frontend/composables/use-strings.ts
@@ -1,5 +1,5 @@
 export function truncate(str: string, length: number) {
-  return str.length > length ? str.substring(0, length) + '...' : str;
+  return str.length > length ? str.substring(0, length) + "..." : str;
 }
 
 export function capitalize(str: string) {
diff --git a/frontend/lib/api/__test__/public.test.ts b/frontend/lib/api/__test__/public.test.ts
index 8ad7515..d8c7f83 100644
--- a/frontend/lib/api/__test__/public.test.ts
+++ b/frontend/lib/api/__test__/public.test.ts
@@ -1,8 +1,8 @@
-import { describe, test, expect } from 'vitest';
-import { client, userClient } from './test-utils';
+import { describe, test, expect } from "vitest";
+import { client, userClient } from "./test-utils";
 
-describe('[GET] /api/v1/status', () => {
-  test('server should respond', async () => {
+describe("[GET] /api/v1/status", () => {
+  test("server should respond", async () => {
     const api = client();
     const { response, data } = await api.status();
     expect(response.status).toBe(200);
@@ -10,23 +10,23 @@ describe('[GET] /api/v1/status', () => {
   });
 });
 
-describe('first time user workflow (register, login)', () => {
+describe("first time user workflow (register, login)", () => {
   const api = client();
   const userData = {
-    groupName: 'test-group',
+    groupName: "test-group",
     user: {
-      email: 'test-user@email.com',
-      name: 'test-user',
-      password: 'test-password',
+      email: "test-user@email.com",
+      name: "test-user",
+      password: "test-password",
     },
   };
 
-  test('user should be able to register', async () => {
+  test("user should be able to register", async () => {
     const { response } = await api.register(userData);
     expect(response.status).toBe(204);
   });
 
-  test('user should be able to login', async () => {
+  test("user should be able to login", async () => {
     const { response, data } = await api.login(userData.user.email, userData.user.password);
     expect(response.status).toBe(200);
     expect(data.token).toBeTruthy();
diff --git a/frontend/lib/api/__test__/test-utils.ts b/frontend/lib/api/__test__/test-utils.ts
index a46f21a..1526cc5 100644
--- a/frontend/lib/api/__test__/test-utils.ts
+++ b/frontend/lib/api/__test__/test-utils.ts
@@ -1,24 +1,24 @@
-import { beforeAll, expect } from 'vitest';
-import { Requests } from '../../requests';
-import { overrideParts } from '../base/urls';
-import { PublicApi } from '../public';
-import * as config from '../../../test/config';
-import { UserApi } from '../user';
+import { beforeAll, expect } from "vitest";
+import { Requests } from "../../requests";
+import { overrideParts } from "../base/urls";
+import { PublicApi } from "../public";
+import * as config from "../../../test/config";
+import { UserApi } from "../user";
 
 export function client() {
-  overrideParts(config.BASE_URL, '/api/v1');
-  const requests = new Requests('');
+  overrideParts(config.BASE_URL, "/api/v1");
+  const requests = new Requests("");
   return new PublicApi(requests);
 }
 
 export function userClient(token: string) {
-  overrideParts(config.BASE_URL, '/api/v1');
-  const requests = new Requests('', token);
+  overrideParts(config.BASE_URL, "/api/v1");
+  const requests = new Requests("", token);
   return new UserApi(requests);
 }
 
 const cache = {
-  token: '',
+  token: "",
 };
 
 /*
@@ -30,11 +30,11 @@ export async function sharedUserClient(): Promise<UserApi> {
     return userClient(cache.token);
   }
   const testUser = {
-    groupName: 'test-group',
+    groupName: "test-group",
     user: {
-      email: '__test__@__test__.com',
-      name: '__test__',
-      password: '__test__',
+      email: "__test__@__test__.com",
+      name: "__test__",
+      password: "__test__",
     },
   };
 
diff --git a/frontend/lib/api/__test__/user/labels.test.ts b/frontend/lib/api/__test__/user/labels.test.ts
index 473cc62..17dd635 100644
--- a/frontend/lib/api/__test__/user/labels.test.ts
+++ b/frontend/lib/api/__test__/user/labels.test.ts
@@ -1,9 +1,9 @@
-import { describe, expect, test } from 'vitest';
-import { Label } from '../../classes/labels';
-import { UserApi } from '../../user';
-import { sharedUserClient } from '../test-utils';
+import { describe, expect, test } from "vitest";
+import { Label } from "../../classes/labels";
+import { UserApi } from "../../user";
+import { sharedUserClient } from "../test-utils";
 
-describe('locations lifecycle (create, update, delete)', () => {
+describe("locations lifecycle (create, update, delete)", () => {
   let increment = 0;
 
   /**
@@ -14,7 +14,7 @@ describe('locations lifecycle (create, update, delete)', () => {
     const { response, data } = await api.labels.create({
       name: `__test__.label.name_${increment}`,
       description: `__test__.label.description_${increment}`,
-      color: '',
+      color: "",
     });
     expect(response.status).toBe(201);
     increment++;
@@ -26,13 +26,13 @@ describe('locations lifecycle (create, update, delete)', () => {
     return [data, cleanup];
   }
 
-  test('user should be able to create a label', async () => {
+  test("user should be able to create a label", async () => {
     const api = await sharedUserClient();
 
     const labelData = {
-      name: 'test-label',
-      description: 'test-description',
-      color: '',
+      name: "test-label",
+      description: "test-description",
+      color: "",
     };
 
     const { response, data } = await api.labels.create(labelData);
@@ -53,14 +53,14 @@ describe('locations lifecycle (create, update, delete)', () => {
     expect(deleteResponse.status).toBe(204);
   });
 
-  test('user should be able to update a label', async () => {
+  test("user should be able to update a label", async () => {
     const api = await sharedUserClient();
     const [label, cleanup] = await useLabel(api);
 
     const labelData = {
-      name: 'test-label',
-      description: 'test-description',
-      color: '',
+      name: "test-label",
+      description: "test-description",
+      color: "",
     };
 
     const { response, data } = await api.labels.update(label.id, labelData);
@@ -78,7 +78,7 @@ describe('locations lifecycle (create, update, delete)', () => {
     await cleanup();
   });
 
-  test('user should be able to delete a label', async () => {
+  test("user should be able to delete a label", async () => {
     const api = await sharedUserClient();
     const [label, _] = await useLabel(api);
 
diff --git a/frontend/lib/api/__test__/user/locations.test.ts b/frontend/lib/api/__test__/user/locations.test.ts
index 5b3285b..50ce0ac 100644
--- a/frontend/lib/api/__test__/user/locations.test.ts
+++ b/frontend/lib/api/__test__/user/locations.test.ts
@@ -1,9 +1,9 @@
-import { describe, expect, test } from 'vitest';
-import { Location } from '../../classes/locations';
-import { UserApi } from '../../user';
-import { sharedUserClient } from '../test-utils';
+import { describe, expect, test } from "vitest";
+import { Location } from "../../classes/locations";
+import { UserApi } from "../../user";
+import { sharedUserClient } from "../test-utils";
 
-describe('locations lifecycle (create, update, delete)', () => {
+describe("locations lifecycle (create, update, delete)", () => {
   let increment = 0;
 
   /**
@@ -26,12 +26,12 @@ describe('locations lifecycle (create, update, delete)', () => {
     return [data, cleanup];
   }
 
-  test('user should be able to create a location', async () => {
+  test("user should be able to create a location", async () => {
     const api = await sharedUserClient();
 
     const locationData = {
-      name: 'test-location',
-      description: 'test-description',
+      name: "test-location",
+      description: "test-description",
     };
 
     const { response, data } = await api.locations.create(locationData);
@@ -52,13 +52,13 @@ describe('locations lifecycle (create, update, delete)', () => {
     expect(deleteResponse.status).toBe(204);
   });
 
-  test('user should be able to update a location', async () => {
+  test("user should be able to update a location", async () => {
     const api = await sharedUserClient();
     const [location, cleanup] = await useLocation(api);
 
     const updateData = {
-      name: 'test-location-updated',
-      description: 'test-description-updated',
+      name: "test-location-updated",
+      description: "test-description-updated",
     };
 
     const { response } = await api.locations.update(location.id, updateData);
@@ -75,7 +75,7 @@ describe('locations lifecycle (create, update, delete)', () => {
     await cleanup();
   });
 
-  test('user should be able to delete a location', async () => {
+  test("user should be able to delete a location", async () => {
     const api = await sharedUserClient();
     const [location, _] = await useLocation(api);
 
diff --git a/frontend/lib/api/base/base-api.ts b/frontend/lib/api/base/base-api.ts
index 0f386bf..1093ac4 100644
--- a/frontend/lib/api/base/base-api.ts
+++ b/frontend/lib/api/base/base-api.ts
@@ -1,4 +1,4 @@
-import { Requests } from '../../requests';
+import { Requests } from "../../requests";
 //  <
 // 	TGetResult,
 // 	TPostData,
diff --git a/frontend/lib/api/base/index.test.ts b/frontend/lib/api/base/index.test.ts
index 87401f7..7b1b0dd 100644
--- a/frontend/lib/api/base/index.test.ts
+++ b/frontend/lib/api/base/index.test.ts
@@ -1,24 +1,24 @@
-import { describe, expect, it } from 'vitest';
-import { route } from '.';
+import { describe, expect, it } from "vitest";
+import { route } from ".";
 
-describe('UrlBuilder', () => {
-  it('basic query parameter', () => {
-    const result = route('/test', { a: 'b' });
-    expect(result).toBe('/api/v1/test?a=b');
+describe("UrlBuilder", () => {
+  it("basic query parameter", () => {
+    const result = route("/test", { a: "b" });
+    expect(result).toBe("/api/v1/test?a=b");
   });
 
-  it('multiple query parameters', () => {
-    const result = route('/test', { a: 'b', c: 'd' });
-    expect(result).toBe('/api/v1/test?a=b&c=d');
+  it("multiple query parameters", () => {
+    const result = route("/test", { a: "b", c: "d" });
+    expect(result).toBe("/api/v1/test?a=b&c=d");
   });
 
-  it('no query parameters', () => {
-    const result = route('/test');
-    expect(result).toBe('/api/v1/test');
+  it("no query parameters", () => {
+    const result = route("/test");
+    expect(result).toBe("/api/v1/test");
   });
 
-  it('list-like query parameters', () => {
-    const result = route('/test', { a: ['b', 'c'] });
-    expect(result).toBe('/api/v1/test?a=b&a=c');
+  it("list-like query parameters", () => {
+    const result = route("/test", { a: ["b", "c"] });
+    expect(result).toBe("/api/v1/test?a=b&a=c");
   });
 });
diff --git a/frontend/lib/api/base/index.ts b/frontend/lib/api/base/index.ts
index 58ddbae..057bc40 100644
--- a/frontend/lib/api/base/index.ts
+++ b/frontend/lib/api/base/index.ts
@@ -1,2 +1,2 @@
-export { BaseAPI } from './base-api';
-export { route } from './urls';
+export { BaseAPI } from "./base-api";
+export { route } from "./urls";
diff --git a/frontend/lib/api/base/urls.ts b/frontend/lib/api/base/urls.ts
index 4185383..31e263d 100644
--- a/frontend/lib/api/base/urls.ts
+++ b/frontend/lib/api/base/urls.ts
@@ -1,6 +1,6 @@
 const parts = {
-  host: 'http://localhost.com',
-  prefix: '/api/v1',
+  host: "http://localhost.com",
+  prefix: "/api/v1",
 };
 
 export function overrideParts(host: string, prefix: string) {
@@ -32,5 +32,5 @@ export function route(rest: string, params: Record<string, QueryValue> = {}): st
     }
   }
 
-  return url.toString().replace('http://localhost.com', '');
+  return url.toString().replace("http://localhost.com", "");
 }
diff --git a/frontend/lib/api/classes/items.ts b/frontend/lib/api/classes/items.ts
index a941d5b..d03c557 100644
--- a/frontend/lib/api/classes/items.ts
+++ b/frontend/lib/api/classes/items.ts
@@ -1,7 +1,7 @@
-import { BaseAPI, route } from '../base';
-import { Label } from './labels';
-import { Location } from './locations';
-import { Results } from './types';
+import { BaseAPI, route } from "../base";
+import { Label } from "./labels";
+import { Location } from "./locations";
+import { Results } from "./types";
 
 export interface ItemCreate {
   name: string;
@@ -35,12 +35,12 @@ export interface Item {
 }
 
 export class ItemsApi extends BaseAPI {
-  async getAll() {
-    return this.http.get<Results<Item>>({ url: route('/items') });
+  getAll() {
+    return this.http.get<Results<Item>>({ url: route("/items") });
   }
 
-  async create(item: ItemCreate) {
-    return this.http.post<ItemCreate, Item>({ url: route('/items'), body: item });
+  create(item: ItemCreate) {
+    return this.http.post<ItemCreate, Item>({ url: route("/items"), body: item });
   }
 
   async get(id: string) {
@@ -58,18 +58,18 @@ export class ItemsApi extends BaseAPI {
     return payload;
   }
 
-  async delete(id: string) {
+  delete(id: string) {
     return this.http.delete<void>({ url: route(`/items/${id}`) });
   }
 
-  async update(id: string, item: ItemCreate) {
+  update(id: string, item: ItemCreate) {
     return this.http.put<ItemCreate, Item>({ url: route(`/items/${id}`), body: item });
   }
 
-  async import(file: File) {
+  import(file: File) {
     const formData = new FormData();
-    formData.append('csv', file);
+    formData.append("csv", file);
 
-    return this.http.post<FormData, void>({ url: route('/items/import'), data: formData });
+    return this.http.post<FormData, void>({ url: route("/items/import"), data: formData });
   }
 }
diff --git a/frontend/lib/api/classes/labels.ts b/frontend/lib/api/classes/labels.ts
index 5ecf2e7..08d4bf1 100644
--- a/frontend/lib/api/classes/labels.ts
+++ b/frontend/lib/api/classes/labels.ts
@@ -1,6 +1,6 @@
-import { BaseAPI, route } from '../base';
-import { Item } from './items';
-import { Details, OutType, Results } from './types';
+import { BaseAPI, route } from "../base";
+import { Item } from "./items";
+import { Details, OutType, Results } from "./types";
 
 export type LabelCreate = Details & {
   color: string;
@@ -15,23 +15,23 @@ export type Label = LabelCreate &
   };
 
 export class LabelsApi extends BaseAPI {
-  async getAll() {
-    return this.http.get<Results<Label>>({ url: route('/labels') });
+  getAll() {
+    return this.http.get<Results<Label>>({ url: route("/labels") });
   }
 
-  async create(body: LabelCreate) {
-    return this.http.post<LabelCreate, Label>({ url: route('/labels'), body });
+  create(body: LabelCreate) {
+    return this.http.post<LabelCreate, Label>({ url: route("/labels"), body });
   }
 
-  async get(id: string) {
+  get(id: string) {
     return this.http.get<Label>({ url: route(`/labels/${id}`) });
   }
 
-  async delete(id: string) {
+  delete(id: string) {
     return this.http.delete<void>({ url: route(`/labels/${id}`) });
   }
 
-  async update(id: string, body: LabelUpdate) {
+  update(id: string, body: LabelUpdate) {
     return this.http.put<LabelUpdate, Label>({ url: route(`/labels/${id}`), body });
   }
 }
diff --git a/frontend/lib/api/classes/locations.ts b/frontend/lib/api/classes/locations.ts
index 95a9210..e064b76 100644
--- a/frontend/lib/api/classes/locations.ts
+++ b/frontend/lib/api/classes/locations.ts
@@ -1,6 +1,6 @@
-import { BaseAPI, route } from '../base';
-import { Item } from './items';
-import { Details, OutType, Results } from './types';
+import { BaseAPI, route } from "../base";
+import { Item } from "./items";
+import { Details, OutType, Results } from "./types";
 
 export type LocationCreate = Details;
 
@@ -14,22 +14,23 @@ export type Location = LocationCreate &
 export type LocationUpdate = LocationCreate;
 
 export class LocationsApi extends BaseAPI {
-  async getAll() {
-    return this.http.get<Results<Location>>({ url: route('/locations') });
+  getAll() {
+    return this.http.get<Results<Location>>({ url: route("/locations") });
   }
 
-  async create(body: LocationCreate) {
-    return this.http.post<LocationCreate, Location>({ url: route('/locations'), body });
+  create(body: LocationCreate) {
+    return this.http.post<LocationCreate, Location>({ url: route("/locations"), body });
   }
 
-  async get(id: string) {
+  get(id: string) {
     return this.http.get<Location>({ url: route(`/locations/${id}`) });
   }
-  async delete(id: string) {
+
+  delete(id: string) {
     return this.http.delete<void>({ url: route(`/locations/${id}`) });
   }
 
-  async update(id: string, body: LocationUpdate) {
+  update(id: string, body: LocationUpdate) {
     return this.http.put<LocationUpdate, Location>({ url: route(`/locations/${id}`), body });
   }
 }
diff --git a/frontend/lib/api/public.ts b/frontend/lib/api/public.ts
index d553232..141492f 100644
--- a/frontend/lib/api/public.ts
+++ b/frontend/lib/api/public.ts
@@ -1,4 +1,4 @@
-import { BaseAPI, route } from './base';
+import { BaseAPI, route } from "./base";
 
 export type LoginResult = {
   token: string;
@@ -28,12 +28,12 @@ export type StatusResult = {
 
 export class PublicApi extends BaseAPI {
   public status() {
-    return this.http.get<StatusResult>({ url: route('/status') });
+    return this.http.get<StatusResult>({ url: route("/status") });
   }
 
   public login(username: string, password: string) {
     return this.http.post<LoginPayload, LoginResult>({
-      url: route('/users/login'),
+      url: route("/users/login"),
       body: {
         username,
         password,
@@ -42,6 +42,6 @@ export class PublicApi extends BaseAPI {
   }
 
   public register(body: RegisterPayload) {
-    return this.http.post<RegisterPayload, LoginResult>({ url: route('/users/register'), body });
+    return this.http.post<RegisterPayload, LoginResult>({ url: route("/users/register"), body });
   }
 }
diff --git a/frontend/lib/api/user.ts b/frontend/lib/api/user.ts
index 679120f..e55bab9 100644
--- a/frontend/lib/api/user.ts
+++ b/frontend/lib/api/user.ts
@@ -1,8 +1,8 @@
-import { Requests } from '~~/lib/requests';
-import { BaseAPI, route } from './base';
-import { ItemsApi } from './classes/items';
-import { LabelsApi } from './classes/labels';
-import { LocationsApi } from './classes/locations';
+import { BaseAPI, route } from "./base";
+import { ItemsApi } from "./classes/items";
+import { LabelsApi } from "./classes/labels";
+import { LocationsApi } from "./classes/locations";
+import { Requests } from "~~/lib/requests";
 
 export type Result<T> = {
   item: T;
@@ -30,14 +30,14 @@ export class UserApi extends BaseAPI {
   }
 
   public self() {
-    return this.http.get<Result<User>>({ url: route('/users/self') });
+    return this.http.get<Result<User>>({ url: route("/users/self") });
   }
 
   public logout() {
-    return this.http.post<object, void>({ url: route('/users/logout') });
+    return this.http.post<object, void>({ url: route("/users/logout") });
   }
 
   public deleteAccount() {
-    return this.http.delete<void>({ url: route('/users/self') });
+    return this.http.delete<void>({ url: route("/users/self") });
   }
 }
diff --git a/frontend/lib/requests/index.ts b/frontend/lib/requests/index.ts
index 7bd0a14..0e210c9 100644
--- a/frontend/lib/requests/index.ts
+++ b/frontend/lib/requests/index.ts
@@ -1 +1 @@
-export { Requests, type TResponse } from './requests';
+export { Requests, type TResponse } from "./requests";
diff --git a/frontend/lib/requests/requests.ts b/frontend/lib/requests/requests.ts
index 262b07d..55e89a7 100644
--- a/frontend/lib/requests/requests.ts
+++ b/frontend/lib/requests/requests.ts
@@ -1,8 +1,8 @@
 export enum Method {
-  GET = 'GET',
-  POST = 'POST',
-  PUT = 'PUT',
-  DELETE = 'DELETE',
+  GET = "GET",
+  POST = "POST",
+  PUT = "PUT",
+  DELETE = "DELETE",
 }
 
 export type RequestInterceptor = (r: Response) => void;
@@ -40,9 +40,9 @@ export class Requests {
     return this.baseUrl + rest;
   }
 
-  constructor(baseUrl: string, token: string | (() => string) = '', headers: Record<string, string> = {}) {
+  constructor(baseUrl: string, token: string | (() => string) = "", headers: Record<string, string> = {}) {
     this.baseUrl = baseUrl;
-    this.token = typeof token === 'string' ? () => token : token;
+    this.token = typeof token === "string" ? () => token : token;
     this.headers = headers;
   }
 
@@ -72,19 +72,19 @@ export class Requests {
       headers: {
         ...rargs.headers,
         ...this.headers,
-      },
+      } as Record<string, string>,
     };
 
     const token = this.token();
-    if (token !== '' && payload.headers !== undefined) {
-      payload.headers['Authorization'] = token;
+    if (token !== "" && payload.headers !== undefined) {
+      payload.headers["Authorization"] = token; // eslint-disable-line dot-notation
     }
 
     if (this.methodSupportsBody(method)) {
       if (rargs.data) {
         payload.body = rargs.data;
       } else {
-        payload.headers['Content-Type'] = 'application/json';
+        payload.headers["Content-Type"] = "application/json";
         payload.body = JSON.stringify(rargs.body);
       }
     }
diff --git a/frontend/nuxt.config.ts b/frontend/nuxt.config.ts
index ddc6aec..6019d26 100644
--- a/frontend/nuxt.config.ts
+++ b/frontend/nuxt.config.ts
@@ -1,20 +1,20 @@
-import { defineNuxtConfig } from 'nuxt';
+import { defineNuxtConfig } from "nuxt";
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-  target: 'static',
+  target: "static",
   ssr: false,
-  modules: ['@nuxtjs/tailwindcss', '@pinia/nuxt', '@vueuse/nuxt'],
+  modules: ["@nuxtjs/tailwindcss", "@pinia/nuxt", "@vueuse/nuxt"],
   meta: {
-    title: 'Homebox',
-    link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.svg' }],
+    title: "Homebox",
+    link: [{ rel: "icon", type: "image/x-icon", href: "/favicon.svg" }],
   },
-  outDir: '../backend/app/api/public',
   vite: {
     server: {
       proxy: {
-        '/api': 'http://localhost:7745',
+        "/api": "http://localhost:7745",
       },
     },
+    plugins: [],
   },
 });
diff --git a/frontend/package.json b/frontend/package.json
index 5d5691e..4bb2f78 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -5,13 +5,25 @@
     "dev": "nuxt dev",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
+    "lint": "eslint --ext \".ts,.js,.vue\" --ignore-path ../.gitignore .",
+    "lint:fix": "eslint --ext \".ts,.js,.vue\" --ignore-path ../.gitignore . --fix",
     "test:ci": "TEST_SHUTDOWN_API_SERVER=true vitest --run --config ./test/vitest.config.ts",
     "test:local": "TEST_SHUTDOWN_API_SERVER=false && vitest --run --config ./test/vitest.config.ts",
     "test:watch": " TEST_SHUTDOWN_API_SERVER=false vitest --config ./test/vitest.config.ts"
   },
   "devDependencies": {
+    "@nuxtjs/eslint-config-typescript": "^11.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
+    "eslint": "^8.23.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-vue": "^9.4.0",
     "isomorphic-fetch": "^3.0.0",
     "nuxt": "3.0.0-rc.8",
+    "prettier": "^2.7.1",
+    "typescript": "^4.8.3",
+    "vite-plugin-eslint": "^1.8.1",
     "vitest": "^0.22.1"
   },
   "dependencies": {
diff --git a/frontend/pages/[...all].vue b/frontend/pages/[...all].vue
index a2539cd..c7db4a5 100644
--- a/frontend/pages/[...all].vue
+++ b/frontend/pages/[...all].vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-useHead({
-  title: "404. Not Found",
-});
-definePageMeta({
-  layout: "404",
-});
+  useHead({
+    title: "404. Not Found",
+  });
+  definePageMeta({
+    layout: "404",
+  });
 </script>
 
 <template>
diff --git a/frontend/pages/home.vue b/frontend/pages/home.vue
index 1f3bfc3..73f7f9f 100644
--- a/frontend/pages/home.vue
+++ b/frontend/pages/home.vue
@@ -1,24 +1,24 @@
 <script setup lang="ts">
   definePageMeta({
-    layout: 'home',
+    layout: "home",
   });
   useHead({
-    title: 'Homebox | Home',
+    title: "Homebox | Home",
   });
 
   const api = useUserApi();
 
-  const { data: locations } = useAsyncData('locations', async () => {
+  const { data: locations } = useAsyncData("locations", async () => {
     const { data } = await api.locations.getAll();
     return data.items;
   });
 
-  const { data: labels } = useAsyncData('labels', async () => {
+  const { data: labels } = useAsyncData("labels", async () => {
     const { data } = await api.labels.getAll();
     return data.items;
   });
 
-  const { data: items } = useAsyncData('items', async () => {
+  const { data: items } = useAsyncData("items", async () => {
     const { data } = await api.items.getAll();
     return data.items;
   });
@@ -29,15 +29,15 @@
 
   const stats = [
     {
-      label: 'Locations',
+      label: "Locations",
       value: totalLocations,
     },
     {
-      label: 'Items',
+      label: "Items",
       value: totalItems,
     },
     {
-      label: 'Labels',
+      label: "Labels",
       value: totalLabels,
     },
   ];
@@ -55,7 +55,7 @@
 
   function setFile(e: Event & { target: HTMLInputElement }) {
     importCsv.value = e.target.files[0];
-    console.log('importCsv.value', importCsv.value);
+    console.log("importCsv.value", importCsv.value);
   }
 
   const toast = useNotifier();
@@ -74,7 +74,7 @@
     const { error } = await api.items.import(importCsv.value);
 
     if (error) {
-      toast.error('Import failed. Please try again later.');
+      toast.error("Import failed. Please try again later.");
     }
 
     // Reset
@@ -114,7 +114,7 @@
 
     <section aria-labelledby="profile-overview-title" class="mt-8">
       <div class="overflow-hidden rounded-lg bg-white shadow">
-        <h2 class="sr-only" id="profile-overview-title">Profile Overview</h2>
+        <h2 id="profile-overview-title" class="sr-only">Profile Overview</h2>
         <div class="bg-white p-6">
           <div class="sm:flex sm:items-center sm:justify-between">
             <div class="sm:flex sm:space-x-5">
@@ -138,7 +138,7 @@
         >
           <div v-for="stat in stats" :key="stat.label" class="px-6 py-5 text-center text-sm font-medium">
             <span class="text-gray-900">{{ stat.value.value }}</span>
-            {{ ' ' }}
+            {{ " " }}
             <span class="text-gray-600">{{ stat.label }}</span>
           </div>
         </div>
@@ -148,7 +148,7 @@
     <section>
       <BaseSectionHeader class="mb-5"> Storage Locations </BaseSectionHeader>
       <div class="grid grid-cols-1 sm:grid-cols-2 card md:grid-cols-3 gap-4">
-        <LocationCard v-for="location in locations" :location="location" />
+        <LocationCard v-for="location in locations" :key="location.id" :location="location" />
       </div>
     </section>
 
@@ -157,7 +157,7 @@
         Items
         <template #description>
           <div class="tooltip" data-tip="Import CSV File">
-            <button @click="openDialog" class="btn btn-primary btn-sm">
+            <button class="btn btn-primary btn-sm" @click="openDialog">
               <Icon name="mdi-database" class="mr-2"></Icon>
               Import
             </button>
@@ -165,14 +165,14 @@
         </template>
       </BaseSectionHeader>
       <div class="grid sm:grid-cols-2 gap-4">
-        <ItemCard v-for="item in items" :item="item" />
+        <ItemCard v-for="item in items" :key="item.id" :item="item" />
       </div>
     </section>
 
     <section>
       <BaseSectionHeader class="mb-5"> Labels </BaseSectionHeader>
       <div class="flex gap-2 flex-wrap">
-        <LabelChip v-for="label in labels" size="lg" :label="label" />
+        <LabelChip v-for="label in labels" :key="label.id" size="lg" :label="label" />
       </div>
     </section>
   </BaseContainer>
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index 05e25a8..45ad73f 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -1,43 +1,43 @@
 <script setup lang="ts">
-  import TextField from '@/components/Form/TextField.vue';
-  import { useNotifier } from '@/composables/use-notifier';
-  import { usePublicApi } from '@/composables/use-api';
-  import { useAuthStore } from '~~/stores/auth';
+  import TextField from "@/components/Form/TextField.vue";
+  import { useNotifier } from "@/composables/use-notifier";
+  import { usePublicApi } from "@/composables/use-api";
+  import { useAuthStore } from "~~/stores/auth";
   useHead({
-    title: 'Homebox | Organize and Tag Your Stuff',
+    title: "Homebox | Organize and Tag Your Stuff",
   });
 
   definePageMeta({
-    layout: 'empty',
+    layout: "empty",
   });
 
   const authStore = useAuthStore();
   if (!authStore.isTokenExpired) {
-    navigateTo('/home');
+    navigateTo("/home");
   }
 
   const registerFields = [
     {
       label: "What's your name?",
-      value: '',
+      value: "",
     },
     {
       label: "What's your email?",
-      value: '',
+      value: "",
     },
     {
-      label: 'Name your group',
-      value: '',
+      label: "Name your group",
+      value: "",
     },
     {
-      label: 'Set your password',
-      value: '',
-      type: 'password',
+      label: "Set your password",
+      value: "",
+      type: "password",
     },
     {
-      label: 'Confirm your password',
-      value: '',
-      type: 'password',
+      label: "Confirm your password",
+      value: "",
+      type: "password",
     },
   ];
 
@@ -57,11 +57,11 @@
     });
 
     if (error) {
-      toast.error('Problem registering user');
+      toast.error("Problem registering user");
       return;
     }
 
-    toast.success('User registered');
+    toast.success("User registered");
 
     loading.value = false;
     loginFields[0].value = registerFields[1].value;
@@ -70,13 +70,13 @@
 
   const loginFields = [
     {
-      label: 'Email',
-      value: '',
+      label: "Email",
+      value: "",
     },
     {
-      label: 'Password',
-      value: '',
-      type: 'password',
+      label: "Password",
+      value: "",
+      type: "password",
     },
   ];
 
@@ -88,16 +88,16 @@
     const { data, error } = await api.login(loginFields[0].value, loginFields[1].value);
 
     if (error) {
-      toast.error('Invalid email or password');
+      toast.error("Invalid email or password");
     } else {
-      toast.success('Logged in successfully');
+      toast.success("Logged in successfully");
 
       authStore.$patch({
         token: data.token,
         expires: data.expiresAt,
       });
 
-      navigateTo('/home');
+      navigateTo("/home");
     }
     loading.value = false;
   }
@@ -161,9 +161,9 @@
                   </h2>
                   <TextField
                     v-for="field in registerFields"
+                    :key="field.label"
                     v-model="field.value"
                     :label="field.label"
-                    :key="field.label"
                     :type="field.type"
                   />
                   <div class="card-actions justify-end">
@@ -188,9 +188,9 @@
                   </h2>
                   <TextField
                     v-for="field in loginFields"
+                    :key="field.label"
                     v-model="field.value"
                     :label="field.label"
-                    :key="field.label"
                     :type="field.type"
                   />
                   <div class="card-actions justify-end mt-2">
@@ -204,10 +204,10 @@
           </Transition>
           <div class="text-center mt-6">
             <button
-              @click="toggleLogin"
               class="text-base-content text-lg hover:bg-primary hover:text-primary-content px-3 py-1 rounded-xl transition-colors duration-200"
+              @click="toggleLogin"
             >
-              {{ registerForm ? 'Already a User? Login' : 'Not a User? Register' }}
+              {{ registerForm ? "Already a User? Login" : "Not a User? Register" }}
             </button>
           </div>
         </div>
diff --git a/frontend/pages/item/[id]/edit.vue b/frontend/pages/item/[id]/edit.vue
index cc33aeb..62f4ef9 100644
--- a/frontend/pages/item/[id]/edit.vue
+++ b/frontend/pages/item/[id]/edit.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
   definePageMeta({
-    layout: 'home',
+    layout: "home",
   });
 
   const route = useRoute();
@@ -12,85 +12,85 @@
   const { data: item } = useAsyncData(async () => {
     const { data, error } = await api.items.get(itemId.value);
     if (error) {
-      toast.error('Failed to load item');
-      navigateTo('/home');
+      toast.error("Failed to load item");
+      navigateTo("/home");
       return;
     }
     return data;
   });
 
   type FormField = {
-    type: 'text' | 'textarea' | 'select' | 'date';
+    type: "text" | "textarea" | "select" | "date";
     label: string;
     ref: string;
   };
 
   const mainFields: FormField[] = [
     {
-      type: 'text',
-      label: 'Name',
-      ref: 'name',
+      type: "text",
+      label: "Name",
+      ref: "name",
     },
     {
-      type: 'textarea',
-      label: 'Description',
-      ref: 'description',
+      type: "textarea",
+      label: "Description",
+      ref: "description",
     },
     {
-      type: 'text',
-      label: 'Serial Number',
-      ref: 'serialNumber',
+      type: "text",
+      label: "Serial Number",
+      ref: "serialNumber",
     },
     {
-      type: 'text',
-      label: 'Model Number',
-      ref: 'modelNumber',
+      type: "text",
+      label: "Model Number",
+      ref: "modelNumber",
     },
     {
-      type: 'text',
-      label: 'Manufacturer',
-      ref: 'manufacturer',
+      type: "text",
+      label: "Manufacturer",
+      ref: "manufacturer",
     },
     {
-      type: 'textarea',
-      label: 'Notes',
-      ref: 'notes',
+      type: "textarea",
+      label: "Notes",
+      ref: "notes",
     },
   ];
 
   const purchaseFields: FormField[] = [
     {
-      type: 'text',
-      label: 'Purchased From',
-      ref: 'purchaseFrom',
+      type: "text",
+      label: "Purchased From",
+      ref: "purchaseFrom",
     },
     {
-      type: 'text',
-      label: 'Purchased Price',
-      ref: 'purchasePrice',
+      type: "text",
+      label: "Purchased Price",
+      ref: "purchasePrice",
     },
     {
-      type: 'date',
-      label: 'Purchased At',
-      ref: 'purchaseTime',
+      type: "date",
+      label: "Purchased At",
+      ref: "purchaseTime",
     },
   ];
 
   const soldFields = [
     {
-      type: 'text',
-      label: 'Sold To',
-      ref: 'soldTo',
+      type: "text",
+      label: "Sold To",
+      ref: "soldTo",
     },
     {
-      type: 'text',
-      label: 'Sold Price',
-      ref: 'soldPrice',
+      type: "text",
+      label: "Sold Price",
+      ref: "soldPrice",
     },
     {
-      type: 'date',
-      label: 'Sold At',
-      ref: 'soldTime',
+      type: "date",
+      label: "Sold At",
+      ref: "soldTime",
     },
   ];
 </script>
@@ -103,7 +103,7 @@
           <h3 class="text-lg font-medium leading-6">Item Details</h3>
         </div>
         <div class="border-t border-gray-300 sm:p-0">
-          <div class="sm:divide-y sm:divide-gray-300 grid grid-cols-1" v-for="field in mainFields">
+          <div v-for="field in mainFields" :key="field.ref" class="sm:divide-y sm:divide-gray-300 grid grid-cols-1">
             <div class="pt-2 pb-4 sm:px-6 border-b border-gray-300">
               <FormTextArea v-if="field.type === 'textarea'" v-model="item[field.ref]" :label="field.label" inline />
               <FormTextField v-else-if="field.type === 'text'" v-model="item[field.ref]" :label="field.label" inline />
@@ -118,7 +118,7 @@
           <h3 class="text-lg font-medium leading-6">Purchase Details</h3>
         </div>
         <div class="border-t border-gray-300 sm:p-0">
-          <div class="sm:divide-y sm:divide-gray-300 grid grid-cols-1" v-for="field in purchaseFields">
+          <div v-for="field in purchaseFields" :key="field.ref" class="sm:divide-y sm:divide-gray-300 grid grid-cols-1">
             <div class="pt-2 pb-4 sm:px-6 border-b border-gray-300">
               <FormTextArea v-if="field.type === 'textarea'" v-model="item[field.ref]" :label="field.label" inline />
               <FormTextField v-else-if="field.type === 'text'" v-model="item[field.ref]" :label="field.label" inline />
@@ -133,7 +133,7 @@
           <h3 class="text-lg font-medium leading-6">Sold Details</h3>
         </div>
         <div class="border-t border-gray-300 sm:p-0">
-          <div class="sm:divide-y sm:divide-gray-300 grid grid-cols-1" v-for="field in soldFields">
+          <div v-for="field in soldFields" :key="field.ref" class="sm:divide-y sm:divide-gray-300 grid grid-cols-1">
             <div class="pt-2 pb-4 sm:px-6 border-b border-gray-300">
               <FormTextArea v-if="field.type === 'textarea'" v-model="item[field.ref]" :label="field.label" inline />
               <FormTextField v-else-if="field.type === 'text'" v-model="item[field.ref]" :label="field.label" inline />
diff --git a/frontend/pages/item/[id]/index.vue b/frontend/pages/item/[id]/index.vue
index cd23202..63e4ed6 100644
--- a/frontend/pages/item/[id]/index.vue
+++ b/frontend/pages/item/[id]/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
   definePageMeta({
-    layout: 'home',
+    layout: "home",
   });
 
   const route = useRoute();
@@ -13,8 +13,8 @@
   const { data: item } = useAsyncData(async () => {
     const { data, error } = await api.items.get(itemId.value);
     if (error) {
-      toast.error('Failed to load item');
-      navigateTo('/home');
+      toast.error("Failed to load item");
+      navigateTo("/home");
       return;
     }
     return data;
@@ -22,12 +22,12 @@
 
   const itemSummary = computed(() => {
     return {
-      Description: item.value?.description || '',
-      'Serial Number': item.value?.serialNumber || '',
-      'Model Number': item.value?.modelNumber || '',
-      Manufacturer: item.value?.manufacturer || '',
-      Notes: item.value?.notes || '',
-      Attachments: '', // TODO: Attachments
+      Description: item.value?.description || "",
+      "Serial Number": item.value?.serialNumber || "",
+      "Model Number": item.value?.modelNumber || "",
+      Manufacturer: item.value?.manufacturer || "",
+      Notes: item.value?.notes || "",
+      Attachments: "", // TODO: Attachments
     };
   });
 
@@ -42,12 +42,12 @@
     const payload = {};
 
     if (item.value.lifetimeWarranty) {
-      payload['Lifetime Warranty'] = 'Yes';
+      payload["Lifetime Warranty"] = "Yes";
     } else {
-      payload['Warranty Expires'] = item.value?.warrantyExpires || '';
+      payload["Warranty Expires"] = item.value?.warrantyExpires || "";
     }
 
-    payload['Warranty Details'] = item.value?.warrantyDetails || '';
+    payload["Warranty Details"] = item.value?.warrantyDetails || "";
 
     return payload;
   });
@@ -61,9 +61,9 @@
 
   const purchaseDetails = computed(() => {
     return {
-      'Purchased From': item.value?.purchaseFrom || '',
-      'Purchased Price': item.value?.purchasePrice || '',
-      'Purchased At': item.value?.purchaseTime || '',
+      "Purchased From": item.value?.purchaseFrom || "",
+      "Purchased Price": item.value?.purchasePrice || "",
+      "Purchased At": item.value?.purchaseTime || "",
     };
   });
 
@@ -77,16 +77,16 @@
 
   const soldDetails = computed(() => {
     return {
-      'Sold To': item.value?.soldTo || '',
-      'Sold Price': item.value?.soldPrice || '',
-      'Sold At': item.value?.soldTime || '',
+      "Sold To": item.value?.soldTo || "",
+      "Sold Price": item.value?.soldPrice || "",
+      "Sold At": item.value?.soldTime || "",
     };
   });
 
   const confirm = useConfirm();
 
   async function deleteItem() {
-    const confirmed = await confirm.reveal('Are you sure you want to delete this item?');
+    const confirmed = await confirm.reveal("Are you sure you want to delete this item?");
 
     if (!confirmed.data) {
       return;
@@ -94,11 +94,11 @@
 
     const { error } = await api.items.delete(itemId.value);
     if (error) {
-      toast.error('Failed to delete item');
+      toast.error("Failed to delete item");
       return;
     }
-    toast.success('Item deleted');
-    navigateTo('/home');
+    toast.success("Item deleted");
+    navigateTo("/home");
   }
 </script>
 
@@ -118,11 +118,11 @@
               </span>
               <template #after>
                 <div class="flex flex-wrap gap-3 mt-3">
-                  <LabelChip class="badge-primary" v-for="label in item.labels" :label="label"></LabelChip>
+                  <LabelChip v-for="label in item.labels" :key="label.id" class="badge-primary" :label="label" />
                 </div>
                 <div class="modal-action">
                   <label class="label cursor-pointer mr-auto">
-                    <input type="checkbox" v-model="preferences.showEmpty" class="toggle toggle-primary" />
+                    <input v-model="preferences.showEmpty" type="checkbox" class="toggle toggle-primary" />
                     <span class="label-text ml-4"> Show Empty </span>
                   </label>
                   <BaseButton size="sm" :to="`/item/${itemId}/edit`">
@@ -164,13 +164,13 @@
             </ul>
           </template>
         </BaseDetails>
-        <BaseDetails :details="purchaseDetails" v-if="showPurchase">
+        <BaseDetails v-if="showPurchase" :details="purchaseDetails">
           <template #title> Purchase Details </template>
         </BaseDetails>
-        <BaseDetails :details="warrantyDetails" v-if="showWarranty">
+        <BaseDetails v-if="showWarranty" :details="warrantyDetails">
           <template #title> Warranty </template>
         </BaseDetails>
-        <BaseDetails :details="soldDetails" v-if="showSold">
+        <BaseDetails v-if="showSold" :details="soldDetails">
           <template #title> Sold </template>
         </BaseDetails>
       </div>
diff --git a/frontend/pages/item/new.vue b/frontend/pages/item/new.vue
index 8a93181..4762c1c 100644
--- a/frontend/pages/item/new.vue
+++ b/frontend/pages/item/new.vue
@@ -1,6 +1,6 @@
 <script setup>
   definePageMeta({
-    layout: 'home',
+    layout: "home",
   });
 
   const show = reactive({
@@ -11,83 +11,85 @@
   });
 
   const form = reactive({
-    name: '',
-    description: '',
-    notes: '',
+    name: "",
+    description: "",
+    notes: "",
 
     // Item Identification
-    serialNumber: '',
-    modelNumber: '',
-    manufacturer: '',
+    serialNumber: "",
+    modelNumber: "",
+    manufacturer: "",
 
     // Purchase Information
-    purchaseTime: '',
-    purchasePrice: '',
-    purchaseFrom: '',
+    purchaseTime: "",
+    purchasePrice: "",
+    purchaseFrom: "",
 
     // Sold Information
-    soldTime: '',
-    soldPrice: '',
-    soldTo: '',
-    soldNotes: '',
+    soldTime: "",
+    soldPrice: "",
+    soldTo: "",
+    soldNotes: "",
   });
 
-  function submit() {}
+  function submit() {
+    console.log("Submitted!");
+  }
 </script>
 
 <template>
-  <BaseContainer is="section">
+  <BaseContainer cmp="section">
     <BaseSectionHeader> Add an Item To Your Inventory </BaseSectionHeader>
-    <form @submit.prevent="submit" class="max-w-3xl mx-auto my-5 space-y-6">
+    <form class="max-w-3xl mx-auto my-5 space-y-6" @submit.prevent="submit">
       <div class="divider collapse-title px-0 cursor-pointer">Required Information</div>
       <div class="bg-base-200 card">
         <div class="card-body">
-          <FormTextField label="Name" v-model="form.name" />
-          <FormTextArea label="Description" v-model="form.description" limit="1000" />
+          <FormTextField v-model="form.name" label="Name" />
+          <FormTextArea v-model="form.description" label="Description" limit="1000" />
         </div>
       </div>
 
       <div class="divider">
         <button class="btn btn-sm" @click="show.identification = !show.identification">Product Information</button>
       </div>
-      <div class="card bg-base-200" v-if="show.identification">
+      <div v-if="show.identification" class="card bg-base-200">
         <div class="card-body grid md:grid-cols-2">
-          <FormTextField label="Serial Number" v-model="form.serialNumber" />
-          <FormTextField label="Model Number" v-model="form.modelNumber" />
-          <FormTextField label="Manufacturer" v-model="form.manufacturer" />
+          <FormTextField v-model="form.serialNumber" label="Serial Number" />
+          <FormTextField v-model="form.modelNumber" label="Model Number" />
+          <FormTextField v-model="form.manufacturer" label="Manufacturer" />
         </div>
       </div>
       <div class="">
         <button class="btn btn-sm" @click="show.purchase = !show.purchase">Purchase Information</button>
         <div class="divider"></div>
       </div>
-      <div class="card bg-base-200" v-if="show.purchase">
+      <div v-if="show.purchase" class="card bg-base-200">
         <div class="card-body grid md:grid-cols-2">
-          <FormTextField label="Purchase Time" v-model="form.purchaseTime" />
-          <FormTextField label="Purchase Price" v-model="form.purchasePrice" />
-          <FormTextField label="Purchase From" v-model="form.purchaseFrom" />
+          <FormTextField v-model="form.purchaseTime" label="Purchase Time" />
+          <FormTextField v-model="form.purchasePrice" label="Purchase Price" />
+          <FormTextField v-model="form.purchaseFrom" label="Purchase From" />
         </div>
       </div>
 
       <div class="divider">
         <button class="btn btn-sm" @click="show.sold = !show.sold">Sold Information</button>
       </div>
-      <div class="card bg-base-200" v-if="show.sold">
+      <div v-if="show.sold" class="card bg-base-200">
         <div class="card-body">
           <div class="grid md:grid-cols-2 gap-2">
-            <FormTextField label="Sold Time" v-model="form.soldTime" />
-            <FormTextField label="Sold Price" v-model="form.soldPrice" />
-            <FormTextField label="Sold To" v-model="form.soldTo" />
+            <FormTextField v-model="form.soldTime" label="Sold Time" />
+            <FormTextField v-model="form.soldPrice" label="Sold Price" />
+            <FormTextField v-model="form.soldTo" label="Sold To" />
           </div>
-          <FormTextArea label="Sold Notes" v-model="form.soldNotes" limit="1000" />
+          <FormTextArea v-model="form.soldNotes" label="Sold Notes" limit="1000" />
         </div>
       </div>
       <div class="divider">
         <button class="btn btn-sm" @click="show.extras = !show.extras">Extras</button>
       </div>
-      <div class="card bg-base-200" v-if="show.extras">
+      <div v-if="show.extras" class="card bg-base-200">
         <div class="card-body">
-          <FormTextArea label="Notes" v-model="form.notes" limit="1000" />
+          <FormTextArea v-model="form.notes" label="Notes" limit="1000" />
         </div>
       </div>
     </form>
diff --git a/frontend/pages/label/[id].vue b/frontend/pages/label/[id].vue
index 4f514df..819a54c 100644
--- a/frontend/pages/label/[id].vue
+++ b/frontend/pages/label/[id].vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-  import ActionsDivider from '../../components/Base/ActionsDivider.vue';
+  import ActionsDivider from "../../components/Base/ActionsDivider.vue";
 
   definePageMeta({
-    layout: 'home',
+    layout: "home",
   });
 
   const route = useRoute();
@@ -16,8 +16,8 @@
   const { data: label } = useAsyncData(labelId.value, async () => {
     const { data, error } = await api.labels.get(labelId.value);
     if (error) {
-      toast.error('Failed to load label');
-      navigateTo('/home');
+      toast.error("Failed to load label");
+      navigateTo("/home");
       return;
     }
     return data;
@@ -25,25 +25,25 @@
 
   function maybeTimeAgo(date?: string): string {
     if (!date) {
-      return '??';
+      return "??";
     }
 
     const time = new Date(date);
 
-    return `${useTimeAgo(time).value} (${useDateFormat(time, 'MM-DD-YYYY').value})`;
+    return `${useTimeAgo(time).value} (${useDateFormat(time, "MM-DD-YYYY").value})`;
   }
 
   const details = computed(() => {
     const dt = {
-      Name: label.value?.name || '',
-      Description: label.value?.description || '',
+      Name: label.value?.name || "",
+      Description: label.value?.description || "",
     };
 
     if (preferences.value.showDetails) {
-      dt['Created At'] = maybeTimeAgo(label.value?.createdAt);
-      dt['Updated At'] = maybeTimeAgo(label.value?.updatedAt);
-      dt['Database ID'] = label.value?.id || '';
-      dt['Group Id'] = label.value?.groupId || '';
+      dt["Created At"] = maybeTimeAgo(label.value?.createdAt);
+      dt["Updated At"] = maybeTimeAgo(label.value?.updatedAt);
+      dt["Database ID"] = label.value?.id || "";
+      dt["Group Id"] = label.value?.groupId || "";
     }
 
     return dt;
@@ -52,7 +52,7 @@
   const { reveal } = useConfirm();
 
   async function confirmDelete() {
-    const { isCanceled } = await reveal('Are you sure you want to delete this label? This action cannot be undone.');
+    const { isCanceled } = await reveal("Are you sure you want to delete this label? This action cannot be undone.");
 
     if (isCanceled) {
       return;
@@ -61,24 +61,24 @@
     const { error } = await api.labels.delete(labelId.value);
 
     if (error) {
-      toast.error('Failed to delete label');
+      toast.error("Failed to delete label");
       return;
     }
-    toast.success('Label deleted');
-    navigateTo('/home');
+    toast.success("Label deleted");
+    navigateTo("/home");
   }
 
   const updateModal = ref(false);
   const updating = ref(false);
   const updateData = reactive({
-    name: '',
-    description: '',
-    color: '',
+    name: "",
+    description: "",
+    color: "",
   });
 
   function openUpdate() {
-    updateData.name = label.value?.name || '';
-    updateData.description = label.value?.description || '';
+    updateData.name = label.value?.name || "";
+    updateData.description = label.value?.description || "";
     updateModal.value = true;
   }
 
@@ -87,11 +87,11 @@
     const { error, data } = await api.labels.update(labelId.value, updateData);
 
     if (error) {
-      toast.error('Failed to update label');
+      toast.error("Failed to update label");
       return;
     }
 
-    toast.success('Label updated');
+    toast.success("Label updated");
     label.value = data;
     updateModal.value = false;
     updating.value = false;
@@ -103,8 +103,8 @@
     <BaseModal v-model="updateModal">
       <template #title> Update Label </template>
       <form v-if="label" @submit.prevent="update">
-        <FormTextField :autofocus="true" label="Label Name" v-model="updateData.name" />
-        <FormTextField label="Label Description" v-model="updateData.description" />
+        <FormTextField v-model="updateData.name" :autofocus="true" label="Label Name" />
+        <FormTextField v-model="updateData.description" label="Label Description" />
         <div class="modal-action">
           <BaseButton type="submit" :loading="updating"> Update </BaseButton>
         </div>
@@ -112,14 +112,14 @@
     </BaseModal>
     <section>
       <BaseSectionHeader class="mb-5" dark>
-        {{ label ? label.name : '' }}
+        {{ label ? label.name : "" }}
       </BaseSectionHeader>
       <BaseDetails class="mb-2" :details="details">
         <template #title> Label Details </template>
       </BaseDetails>
       <div class="form-control ml-auto mr-2 max-w-[130px]">
         <label class="label cursor-pointer">
-          <input type="checkbox" v-model.checked="preferences.showDetails" class="checkbox" />
+          <input v-model="preferences.showDetails" type="checkbox" class="toggle" />
           <span class="label-text"> Detailed View </span>
         </label>
       </div>
@@ -129,7 +129,7 @@
     <section v-if="label">
       <BaseSectionHeader class="mb-5"> Items </BaseSectionHeader>
       <div class="grid gap-2 grid-cols-2">
-        <ItemCard v-for="item in label.items" :item="item" :key="item.id" />
+        <ItemCard v-for="item in label.items" :key="item.id" :item="item" />
       </div>
     </section>
   </BaseContainer>
diff --git a/frontend/pages/location/[id].vue b/frontend/pages/location/[id].vue
index 2c8c5ee..6c878c0 100644
--- a/frontend/pages/location/[id].vue
+++ b/frontend/pages/location/[id].vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-  import ActionsDivider from '../../components/Base/ActionsDivider.vue';
+  import ActionsDivider from "../../components/Base/ActionsDivider.vue";
 
   definePageMeta({
-    layout: 'home',
+    layout: "home",
   });
 
   const route = useRoute();
@@ -16,8 +16,8 @@
   const { data: location } = useAsyncData(locationId.value, async () => {
     const { data, error } = await api.locations.get(locationId.value);
     if (error) {
-      toast.error('Failed to load location');
-      navigateTo('/home');
+      toast.error("Failed to load location");
+      navigateTo("/home");
       return;
     }
     return data;
@@ -25,25 +25,25 @@
 
   function maybeTimeAgo(date?: string): string {
     if (!date) {
-      return '??';
+      return "??";
     }
 
     const time = new Date(date);
 
-    return `${useTimeAgo(time).value} (${useDateFormat(time, 'MM-DD-YYYY').value})`;
+    return `${useTimeAgo(time).value} (${useDateFormat(time, "MM-DD-YYYY").value})`;
   }
 
   const details = computed(() => {
     const dt = {
-      Name: location.value?.name || '',
-      Description: location.value?.description || '',
+      Name: location.value?.name || "",
+      Description: location.value?.description || "",
     };
 
     if (preferences.value.showDetails) {
-      dt['Created At'] = maybeTimeAgo(location.value?.createdAt);
-      dt['Updated At'] = maybeTimeAgo(location.value?.updatedAt);
-      dt['Database ID'] = location.value?.id || '';
-      dt['Group Id'] = location.value?.groupId || '';
+      dt["Created At"] = maybeTimeAgo(location.value?.createdAt);
+      dt["Updated At"] = maybeTimeAgo(location.value?.updatedAt);
+      dt["Database ID"] = location.value?.id || "";
+      dt["Group Id"] = location.value?.groupId || "";
     }
 
     return dt;
@@ -52,7 +52,7 @@
   const { reveal } = useConfirm();
 
   async function confirmDelete() {
-    const { isCanceled } = await reveal('Are you sure you want to delete this location? This action cannot be undone.');
+    const { isCanceled } = await reveal("Are you sure you want to delete this location? This action cannot be undone.");
 
     if (isCanceled) {
       return;
@@ -61,23 +61,23 @@
     const { error } = await api.locations.delete(locationId.value);
 
     if (error) {
-      toast.error('Failed to delete location');
+      toast.error("Failed to delete location");
       return;
     }
-    toast.success('Location deleted');
-    navigateTo('/home');
+    toast.success("Location deleted");
+    navigateTo("/home");
   }
 
   const updateModal = ref(false);
   const updating = ref(false);
   const updateData = reactive({
-    name: '',
-    description: '',
+    name: "",
+    description: "",
   });
 
   function openUpdate() {
-    updateData.name = location.value?.name || '';
-    updateData.description = location.value?.description || '';
+    updateData.name = location.value?.name || "";
+    updateData.description = location.value?.description || "";
     updateModal.value = true;
   }
 
@@ -86,11 +86,11 @@
     const { error, data } = await api.locations.update(locationId.value, updateData);
 
     if (error) {
-      toast.error('Failed to update location');
+      toast.error("Failed to update location");
       return;
     }
 
-    toast.success('Location updated');
+    toast.success("Location updated");
     location.value = data;
     updateModal.value = false;
     updating.value = false;
@@ -102,8 +102,8 @@
     <BaseModal v-model="updateModal">
       <template #title> Update Location </template>
       <form v-if="location" @submit.prevent="update">
-        <FormTextField :autofocus="true" label="Location Name" v-model="updateData.name" />
-        <FormTextField label="Location Description" v-model="updateData.description" />
+        <FormTextField v-model="updateData.name" :autofocus="true" label="Location Name" />
+        <FormTextField v-model="updateData.description" label="Location Description" />
         <div class="modal-action">
           <BaseButton type="submit" :loading="updating"> Update </BaseButton>
         </div>
@@ -111,14 +111,14 @@
     </BaseModal>
     <section>
       <BaseSectionHeader class="mb-5" dark>
-        {{ location ? location.name : '' }}
+        {{ location ? location.name : "" }}
       </BaseSectionHeader>
       <BaseDetails class="mb-2" :details="details">
         <template #title> Location Details </template>
       </BaseDetails>
       <div class="form-control ml-auto mr-2 max-w-[130px]">
         <label class="label cursor-pointer">
-          <input type="checkbox" v-model.checked="preferences.showDetails" class="checkbox" />
+          <input v-model="preferences.showDetails" type="checkbox" class="toggle" />
           <span class="label-text"> Detailed View </span>
         </label>
       </div>
@@ -128,7 +128,7 @@
     <section v-if="location">
       <BaseSectionHeader class="mb-5"> Items </BaseSectionHeader>
       <div class="grid gap-2 grid-cols-2">
-        <ItemCard v-for="item in location.items" :item="item" :key="item.id" />
+        <ItemCard v-for="item in location.items" :key="item.id" :item="item" />
       </div>
     </section>
   </BaseContainer>
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index c7a48a5..999e2b8 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -2,40 +2,60 @@ lockfileVersion: 5.4
 
 specifiers:
   '@iconify/vue': ^3.2.1
+  '@nuxtjs/eslint-config-typescript': ^11.0.0
   '@nuxtjs/tailwindcss': ^5.3.2
   '@pinia/nuxt': ^0.4.1
   '@tailwindcss/aspect-ratio': ^0.4.0
   '@tailwindcss/forms': ^0.5.2
   '@tailwindcss/typography': ^0.5.4
+  '@typescript-eslint/eslint-plugin': ^5.36.2
+  '@typescript-eslint/parser': ^5.36.2
   '@vueuse/nuxt': ^9.1.1
   autoprefixer: ^10.4.8
   daisyui: ^2.24.0
+  eslint: ^8.23.0
+  eslint-config-prettier: ^8.5.0
+  eslint-plugin-prettier: ^4.2.1
+  eslint-plugin-vue: ^9.4.0
   isomorphic-fetch: ^3.0.0
   nuxt: 3.0.0-rc.8
   pinia: ^2.0.21
   postcss: ^8.4.16
+  prettier: ^2.7.1
   tailwindcss: ^3.1.8
+  typescript: ^4.8.3
+  vite-plugin-eslint: ^1.8.1
   vitest: ^0.22.1
   vue: ^3.2.38
 
 dependencies:
   '@iconify/vue': 3.2.1_vue@3.2.38
   '@nuxtjs/tailwindcss': 5.3.2
-  '@pinia/nuxt': 0.4.1_vue@3.2.38
+  '@pinia/nuxt': 0.4.1_y42fb6h2cbuvaqq3tktjqxwpau
   '@tailwindcss/aspect-ratio': 0.4.0_tailwindcss@3.1.8
   '@tailwindcss/forms': 0.5.2_tailwindcss@3.1.8
   '@tailwindcss/typography': 0.5.4_tailwindcss@3.1.8
   '@vueuse/nuxt': 9.1.1_vue@3.2.38
   autoprefixer: 10.4.8_postcss@8.4.16
   daisyui: 2.24.0_25hquoklqeoqwmt7fwvvcyxm5e
-  pinia: 2.0.21_vue@3.2.38
+  pinia: 2.0.21_y42fb6h2cbuvaqq3tktjqxwpau
   postcss: 8.4.16
   tailwindcss: 3.1.8_postcss@8.4.16
   vue: 3.2.38
 
 devDependencies:
+  '@nuxtjs/eslint-config-typescript': 11.0.0_itqs5654cmlnjraw6gjzqacppi
+  '@typescript-eslint/eslint-plugin': 5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm
+  '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+  eslint: 8.23.0
+  eslint-config-prettier: 8.5.0_eslint@8.23.0
+  eslint-plugin-prettier: 4.2.1_tgumt6uwl2md3n6uqnggd6wvce
+  eslint-plugin-vue: 9.4.0_eslint@8.23.0
   isomorphic-fetch: 3.0.0
   nuxt: 3.0.0-rc.8
+  prettier: 2.7.1
+  typescript: 4.8.3
+  vite-plugin-eslint: 1.8.1_eslint@8.23.0
   vitest: 0.22.1
 
 packages:
@@ -358,6 +378,47 @@ packages:
     dev: true
     optional: true
 
+  /@eslint/eslintrc/1.3.1:
+    resolution: {integrity: sha512-OhSY22oQQdw3zgPOOwdoj01l/Dzl1Z+xyUP33tkSN+aqyEhymJCcPHyXt+ylW8FSe0TfRC2VG+ROQOapD0aZSQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.3.4
+      espree: 9.4.0
+      globals: 13.17.0
+      ignore: 5.2.0
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/config-array/0.10.4:
+    resolution: {integrity: sha512-mXAIHxZT3Vcpg83opl1wGlVZ9xydbfZO3r5YfRSH6Gpp2J/PfdBP0wbDa2sO6/qRbcalpoevVyW6A/fI6LfeMw==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@humanwhocodes/gitignore-to-minimatch/1.0.2:
+    resolution: {integrity: sha512-rSqmMJDdLFUsyxR6FMtD00nfQKKLFb1kv+qBbOVKqErvloEIJLo5bDTJTQNTYgeyp78JsA7u/NPi5jT1GR/MuA==}
+    dev: true
+
+  /@humanwhocodes/module-importer/1.0.1:
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+    dev: true
+
+  /@humanwhocodes/object-schema/1.2.1:
+    resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
+    dev: true
+
   /@iconify/vue/3.2.1_vue@3.2.38:
     resolution: {integrity: sha512-c4R6ZgFo1JrJ8aPMMgOPgfU7lBswihMGR+yWe/P4ZukC3kTkeT4+lkt9Pc/itVFMkwva/S/7u9YofmYv57fnNQ==}
     peerDependencies:
@@ -698,6 +759,43 @@ packages:
       - webpack
     dev: true
 
+  /@nuxtjs/eslint-config-typescript/11.0.0_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-hmFjGtXT524ql8eTbK8BaRkamcXB6Z8YOW8nSQhosTP6oBw9WtOFUeWr7holyE278UhOmx+wDFG90BnyM9D+UA==}
+    peerDependencies:
+      eslint: ^8.23.0
+    dependencies:
+      '@nuxtjs/eslint-config': 11.0.0_ikxfxf6lcdzwf3sfhs76tj4x7m
+      '@typescript-eslint/eslint-plugin': 5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm
+      '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      eslint: 8.23.0
+      eslint-import-resolver-typescript: 3.5.1_faomjyrlgqmwswvqymymzkxcqi
+      eslint-plugin-import: 2.26.0_ikxfxf6lcdzwf3sfhs76tj4x7m
+    transitivePeerDependencies:
+      - eslint-import-resolver-webpack
+      - supports-color
+      - typescript
+    dev: true
+
+  /@nuxtjs/eslint-config/11.0.0_ikxfxf6lcdzwf3sfhs76tj4x7m:
+    resolution: {integrity: sha512-o4zFOpU8gJgwrC/gLE7c2E0XEjkv2fEixCGG1y+dZYzBPyzTorkQmfxskSF3WRXcZkpkS9uUYlRkeOSdYB7z0w==}
+    peerDependencies:
+      eslint: ^8.23.0
+    dependencies:
+      eslint: 8.23.0
+      eslint-config-standard: 17.0.0_ci7jzfiysajw25w4iodapaa2cq
+      eslint-plugin-import: 2.26.0_ikxfxf6lcdzwf3sfhs76tj4x7m
+      eslint-plugin-n: 15.2.5_eslint@8.23.0
+      eslint-plugin-node: 11.1.0_eslint@8.23.0
+      eslint-plugin-promise: 6.0.1_eslint@8.23.0
+      eslint-plugin-unicorn: 43.0.2_eslint@8.23.0
+      eslint-plugin-vue: 9.4.0_eslint@8.23.0
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
   /@nuxtjs/tailwindcss/5.3.2:
     resolution: {integrity: sha512-otxYJ1uLf5O3xKUpdw8kZkyaAPKj7RRqygxBmjs6fWrLCGM1lg3kda610GdWZY4O9lDjgqtQfjK+13ByhYgsbg==}
     dependencies:
@@ -723,11 +821,11 @@ packages:
       - webpack
     dev: false
 
-  /@pinia/nuxt/0.4.1_vue@3.2.38:
+  /@pinia/nuxt/0.4.1_y42fb6h2cbuvaqq3tktjqxwpau:
     resolution: {integrity: sha512-lxf2r3jaJysGxKuuv5FcoFEd4jQbZu+hMLGEQhDlz06IBJ1U+Dlxv5FklHHS6pa5+4ffaVqhUinhlElI/pknXQ==}
     dependencies:
       '@nuxt/kit': 3.0.0-rc.6
-      pinia: 2.0.21_vue@3.2.38
+      pinia: 2.0.21_y42fb6h2cbuvaqq3tktjqxwpau
     transitivePeerDependencies:
       - '@vue/composition-api'
       - esbuild
@@ -739,6 +837,18 @@ packages:
       - webpack
     dev: false
 
+  /@pkgr/utils/2.3.1:
+    resolution: {integrity: sha512-wfzX8kc1PMyUILA+1Z/EqoE4UCXGy0iRGMhPwdfae1+f0OXlLqCk+By+aMzgJBzR9AzS4CDizioG6Ss1gvAFJw==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    dependencies:
+      cross-spawn: 7.0.3
+      is-glob: 4.0.3
+      open: 8.4.0
+      picocolors: 1.0.0
+      tiny-glob: 0.2.9
+      tslib: 2.4.0
+    dev: true
+
   /@rollup/plugin-alias/3.1.9_rollup@2.79.0:
     resolution: {integrity: sha512-QI5fsEvm9bDzt32k39wpOwZhVzRcL5ydcffUHMyLVaVaLeC70I8TJZ17F1z1eMoLu4E/UOcH9BWVkKpIKdrfiw==}
     engines: {node: '>=8.0.0'}
@@ -881,6 +991,13 @@ packages:
     resolution: {integrity: sha512-hC7OMnszpxhZPduX+m+nrx+uFoLkWOMiR4oa/AZF3MuSETYTZmFfJAHqZEM8MVlvfG7BEUcgvtwoCTxBp6hm3g==}
     dev: true
 
+  /@types/eslint/8.4.6:
+    resolution: {integrity: sha512-/fqTbjxyFUaYNO7VcW5g+4npmqVACz1bB7RTHYuLj+PRjw9hrCwrUXVQFpChUS0JsyEFvMZ7U/PfmvWgxJhI9g==}
+    dependencies:
+      '@types/estree': 1.0.0
+      '@types/json-schema': 7.0.11
+    dev: true
+
   /@types/estree/0.0.39:
     resolution: {integrity: sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==}
     dev: true
@@ -899,12 +1016,19 @@ packages:
 
   /@types/json-schema/7.0.11:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
-    dev: false
+
+  /@types/json5/0.0.29:
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+    dev: true
 
   /@types/node/18.7.14:
     resolution: {integrity: sha512-6bbDaETVi8oyIARulOE9qF1/Qdi/23z6emrUh0fNJRUmjznqrixD4MpGDdgOFk5Xb0m2H6Xu42JGdvAxaJR/wA==}
     dev: true
 
+  /@types/normalize-package-data/2.4.1:
+    resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
+    dev: true
+
   /@types/parse-json/4.0.0:
     resolution: {integrity: sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==}
     dev: false
@@ -923,6 +1047,133 @@ packages:
     resolution: {integrity: sha512-w7hEHXnPMEZ+4nGKl/KDRVpxkwYxYExuHOYXyzIzCDzEZ9ZCGMAewulr9IqJu2LR4N37fcnb1XVeuZ09qgOxhA==}
     dev: false
 
+  /@typescript-eslint/eslint-plugin/5.36.2_2l2r3i3lm6jysqd4ac3ql4n2mm:
+    resolution: {integrity: sha512-OwwR8LRwSnI98tdc2z7mJYgY60gf7I9ZfGjN5EjCwwns9bdTuQfAXcsjSB2wSQ/TVNYSGKf4kzVXbNGaZvwiXw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^5.0.0
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      '@typescript-eslint/scope-manager': 5.36.2
+      '@typescript-eslint/type-utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      '@typescript-eslint/utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      debug: 4.3.4
+      eslint: 8.23.0
+      functional-red-black-tree: 1.0.1
+      ignore: 5.2.0
+      regexpp: 3.2.0
+      semver: 7.3.7
+      tsutils: 3.21.0_typescript@4.8.3
+      typescript: 4.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/parser/5.36.2_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-qS/Kb0yzy8sR0idFspI9Z6+t7mqk/oRjnAYfewG+VN73opAUvmYL3oPIMmgOX6CnQS6gmVIXGshlb5RY/R22pA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/scope-manager': 5.36.2
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
+      debug: 4.3.4
+      eslint: 8.23.0
+      typescript: 4.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/scope-manager/5.36.2:
+    resolution: {integrity: sha512-cNNP51L8SkIFSfce8B1NSUBTJTu2Ts4nWeWbFrdaqjmn9yKrAaJUBHkyTZc0cL06OFHpb+JZq5AUHROS398Orw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/visitor-keys': 5.36.2
+    dev: true
+
+  /@typescript-eslint/type-utils/5.36.2_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-rPQtS5rfijUWLouhy6UmyNquKDPhQjKsaKH0WnY6hl/07lasj8gPaH2UD8xWkePn6SC+jW2i9c2DZVDnL+Dokw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
+      '@typescript-eslint/utils': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      debug: 4.3.4
+      eslint: 8.23.0
+      tsutils: 3.21.0_typescript@4.8.3
+      typescript: 4.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/types/5.36.2:
+    resolution: {integrity: sha512-9OJSvvwuF1L5eS2EQgFUbECb99F0mwq501w0H0EkYULkhFa19Qq7WFbycdw1PexAc929asupbZcgjVIe6OK/XQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /@typescript-eslint/typescript-estree/5.36.2_typescript@4.8.3:
+    resolution: {integrity: sha512-8fyH+RfbKc0mTspfuEjlfqA4YywcwQK2Amcf6TDOwaRLg7Vwdu4bZzyvBZp4bjt1RRjQ5MDnOZahxMrt2l5v9w==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+    dependencies:
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/visitor-keys': 5.36.2
+      debug: 4.3.4
+      globby: 11.1.0
+      is-glob: 4.0.3
+      semver: 7.3.7
+      tsutils: 3.21.0_typescript@4.8.3
+      typescript: 4.8.3
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /@typescript-eslint/utils/5.36.2_itqs5654cmlnjraw6gjzqacppi:
+    resolution: {integrity: sha512-uNcopWonEITX96v9pefk9DC1bWMdkweeSsewJ6GeC7L6j2t0SJywisgkr9wUTtXk90fi2Eljj90HSHm3OGdGRg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      '@types/json-schema': 7.0.11
+      '@typescript-eslint/scope-manager': 5.36.2
+      '@typescript-eslint/types': 5.36.2
+      '@typescript-eslint/typescript-estree': 5.36.2_typescript@4.8.3
+      eslint: 8.23.0
+      eslint-scope: 5.1.1
+      eslint-utils: 3.0.0_eslint@8.23.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+    dev: true
+
+  /@typescript-eslint/visitor-keys/5.36.2:
+    resolution: {integrity: sha512-BtRvSR6dEdrNt7Net2/XDjbYKU5Ml6GqJgVfXT0CxTCJlnIqK7rAGreuWKMT2t8cFUT2Msv5oxw0GMRD7T5J7A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      '@typescript-eslint/types': 5.36.2
+      eslint-visitor-keys: 3.3.0
+    dev: true
+
   /@vercel/nft/0.21.0:
     resolution: {integrity: sha512-hFCAETfI5cG8l5iAiLhMC2bReC5K7SIybzrxGorv+eGspIbIFsVw7Vg85GovXm/LxA08pIDrAlrhR6GN36XB/Q==}
     hasBin: true
@@ -1131,6 +1382,14 @@ packages:
       negotiator: 0.6.3
     dev: false
 
+  /acorn-jsx/5.3.2_acorn@8.8.0:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.8.0
+    dev: true
+
   /acorn-node/1.8.2:
     resolution: {integrity: sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==}
     dependencies:
@@ -1179,7 +1438,6 @@ packages:
       fast-json-stable-stringify: 2.1.0
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
-    dev: false
 
   /ansi-escapes/4.3.2:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
@@ -1277,6 +1535,36 @@ packages:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
     dev: false
 
+  /argparse/2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: true
+
+  /array-includes/3.1.5:
+    resolution: {integrity: sha512-iSDYZMMyTPkiFasVqfuAQnWAYcvO/SeBSCGKePoEthjp4LEMTe4uLc7b025o4jAZpHhihh8xPo99TNWUWWkGDQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+      get-intrinsic: 1.1.2
+      is-string: 1.0.7
+    dev: true
+
+  /array-union/2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /array.prototype.flat/1.3.0:
+    resolution: {integrity: sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+      es-shim-unscopables: 1.0.0
+    dev: true
+
   /assertion-error/1.1.0:
     resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
     dev: true
@@ -1411,6 +1699,12 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /builtins/5.0.1:
+    resolution: {integrity: sha512-qwVpFEHNfhYJIzNRBvd2C1kyo6jz3ZSMPyyuR47OPdiKWlbYnZNyDWuyR175qDnAJLiCo5fBBqPb3RiXgWlkOQ==}
+    dependencies:
+      semver: 7.3.7
+    dev: true
+
   /c12/0.2.9:
     resolution: {integrity: sha512-6jYdexgAKr+3kYoTmvC5eDtDHUg7GmFQSdeQqZzAKiPlFAN1heGUoXDbAYYwUCfefZy+WgVJbmAej5TTQpp3jA==}
     dependencies:
@@ -1430,10 +1724,16 @@ packages:
       ylru: 1.3.2
     dev: false
 
+  /call-bind/1.0.2:
+    resolution: {integrity: sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA==}
+    dependencies:
+      function-bind: 1.1.1
+      get-intrinsic: 1.1.2
+    dev: true
+
   /callsites/3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
-    dev: false
 
   /camelcase-css/2.0.1:
     resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
@@ -1523,6 +1823,13 @@ packages:
     resolution: {integrity: sha512-xmDt/QIAdeZ9+nfdPsaBCpMvHNLFiLdjj59qjqn+6iPe6YmHGQ35sBnQ8uslRBXFmXkiZQOJRjvQeoGppoTjjg==}
     dev: true
 
+  /clean-regexp/1.0.0:
+    resolution: {integrity: sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==}
+    engines: {node: '>=4'}
+    dependencies:
+      escape-string-regexp: 1.0.5
+    dev: true
+
   /clear-module/4.1.2:
     resolution: {integrity: sha512-LWAxzHqdHsAZlPlEyJ2Poz6AIs384mPeqLVCru2p0BrP9G/kVGuhNyZYClLO6cXlnuJjzC8xtsJIuMjKqLXoAw==}
     engines: {node: '>=8'}
@@ -1911,7 +2218,6 @@ packages:
         optional: true
     dependencies:
       ms: 2.1.3
-    dev: false
 
   /debug/4.3.4:
     resolution: {integrity: sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==}
@@ -1935,6 +2241,10 @@ packages:
     resolution: {integrity: sha512-bHtC0iYvWhyaTzvV3CZgPeZQqCOBGyGsVV7v4eevpdkLHfiSrXUdBG+qAuSz4RI70sszvjQ1QSZ98An1yNwpSw==}
     dev: false
 
+  /deep-is/0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+    dev: true
+
   /deepmerge/4.2.2:
     resolution: {integrity: sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==}
     engines: {node: '>=0.10.0'}
@@ -1951,6 +2261,14 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /define-properties/1.1.4:
+    resolution: {integrity: sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-property-descriptors: 1.0.0
+      object-keys: 1.1.1
+    dev: true
+
   /defined/1.0.0:
     resolution: {integrity: sha512-Y2caI5+ZwS5c3RiNDJ6u53VhQHv+hHKwhkI1iHvceKUHw9Df6EK2zRLfjejRgMuCuxK7PfSWIMwWecceVvThjQ==}
     dev: false
@@ -2015,6 +2333,20 @@ packages:
     resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
     dev: false
 
+  /doctrine/2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
+  /doctrine/3.0.0:
+    resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      esutils: 2.0.3
+    dev: true
+
   /dom-serializer/1.4.1:
     resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
     dependencies:
@@ -2124,7 +2456,50 @@ packages:
     resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
     dependencies:
       is-arrayish: 0.2.1
-    dev: false
+
+  /es-abstract/1.20.2:
+    resolution: {integrity: sha512-XxXQuVNrySBNlEkTYJoDNFe5+s2yIOpzq80sUHEdPdQr0S5nTLz4ZPPPswNIpKseDDUS5yghX1gfLIHQZ1iNuQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      es-to-primitive: 1.2.1
+      function-bind: 1.1.1
+      function.prototype.name: 1.1.5
+      get-intrinsic: 1.1.2
+      get-symbol-description: 1.0.0
+      has: 1.0.3
+      has-property-descriptors: 1.0.0
+      has-symbols: 1.0.3
+      internal-slot: 1.0.3
+      is-callable: 1.2.4
+      is-negative-zero: 2.0.2
+      is-regex: 1.1.4
+      is-shared-array-buffer: 1.0.2
+      is-string: 1.0.7
+      is-weakref: 1.0.2
+      object-inspect: 1.12.2
+      object-keys: 1.1.1
+      object.assign: 4.1.4
+      regexp.prototype.flags: 1.4.3
+      string.prototype.trimend: 1.0.5
+      string.prototype.trimstart: 1.0.5
+      unbox-primitive: 1.0.2
+    dev: true
+
+  /es-shim-unscopables/1.0.0:
+    resolution: {integrity: sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==}
+    dependencies:
+      has: 1.0.3
+    dev: true
+
+  /es-to-primitive/1.2.1:
+    resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      is-callable: 1.2.4
+      is-date-object: 1.0.5
+      is-symbol: 1.0.4
+    dev: true
 
   /esbuild-android-64/0.14.54:
     resolution: {integrity: sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==}
@@ -2555,10 +2930,378 @@ packages:
     resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
     engines: {node: '>=0.8.0'}
 
+  /escape-string-regexp/4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+    dev: true
+
   /escape-string-regexp/5.0.0:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  /eslint-config-prettier/8.5.0_eslint@8.23.0:
+    resolution: {integrity: sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      eslint: 8.23.0
+    dev: true
+
+  /eslint-config-standard/17.0.0_ci7jzfiysajw25w4iodapaa2cq:
+    resolution: {integrity: sha512-/2ks1GKyqSOkH7JFvXJicu0iMpoojkwB+f5Du/1SC0PtBL+s8v30k9njRZ21pm2drKYm2342jFnGWzttxPmZVg==}
+    peerDependencies:
+      eslint: ^8.0.1
+      eslint-plugin-import: ^2.25.2
+      eslint-plugin-n: ^15.0.0
+      eslint-plugin-promise: ^6.0.0
+    dependencies:
+      eslint: 8.23.0
+      eslint-plugin-import: 2.26.0_ikxfxf6lcdzwf3sfhs76tj4x7m
+      eslint-plugin-n: 15.2.5_eslint@8.23.0
+      eslint-plugin-promise: 6.0.1_eslint@8.23.0
+    dev: true
+
+  /eslint-import-resolver-node/0.3.6:
+    resolution: {integrity: sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==}
+    dependencies:
+      debug: 3.2.7
+      resolve: 1.22.1
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-import-resolver-typescript/3.5.1_faomjyrlgqmwswvqymymzkxcqi:
+    resolution: {integrity: sha512-U7LUjNJPYjNsHvAUAkt/RU3fcTSpbllA0//35B4eLYTX74frmOepbt7F7J3D1IGtj9k21buOpaqtDd4ZlS/BYQ==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+    dependencies:
+      debug: 4.3.4
+      enhanced-resolve: 5.10.0
+      eslint: 8.23.0
+      eslint-plugin-import: 2.26.0_ikxfxf6lcdzwf3sfhs76tj4x7m
+      get-tsconfig: 4.2.0
+      globby: 13.1.2
+      is-core-module: 2.10.0
+      is-glob: 4.0.3
+      synckit: 0.8.4
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-module-utils/2.7.4_n3vl37llctoghdfkqniw4vviua:
+    resolution: {integrity: sha512-j4GT+rqzCoRKHwURX7pddtIPGySnX9Si/cgMI5ztrcqOPtk5dDEeZ34CQVPphnqkJytlc97Vuk05Um2mJ3gEQA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      debug: 3.2.7
+      eslint: 8.23.0
+      eslint-import-resolver-node: 0.3.6
+      eslint-import-resolver-typescript: 3.5.1_faomjyrlgqmwswvqymymzkxcqi
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-plugin-es/3.0.1_eslint@8.23.0:
+    resolution: {integrity: sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==}
+    engines: {node: '>=8.10.0'}
+    peerDependencies:
+      eslint: '>=4.19.1'
+    dependencies:
+      eslint: 8.23.0
+      eslint-utils: 2.1.0
+      regexpp: 3.2.0
+    dev: true
+
+  /eslint-plugin-es/4.1.0_eslint@8.23.0:
+    resolution: {integrity: sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==}
+    engines: {node: '>=8.10.0'}
+    peerDependencies:
+      eslint: '>=4.19.1'
+    dependencies:
+      eslint: 8.23.0
+      eslint-utils: 2.1.0
+      regexpp: 3.2.0
+    dev: true
+
+  /eslint-plugin-import/2.26.0_ikxfxf6lcdzwf3sfhs76tj4x7m:
+    resolution: {integrity: sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+    dependencies:
+      '@typescript-eslint/parser': 5.36.2_itqs5654cmlnjraw6gjzqacppi
+      array-includes: 3.1.5
+      array.prototype.flat: 1.3.0
+      debug: 2.6.9
+      doctrine: 2.1.0
+      eslint: 8.23.0
+      eslint-import-resolver-node: 0.3.6
+      eslint-module-utils: 2.7.4_n3vl37llctoghdfkqniw4vviua
+      has: 1.0.3
+      is-core-module: 2.10.0
+      is-glob: 4.0.3
+      minimatch: 3.1.2
+      object.values: 1.1.5
+      resolve: 1.22.1
+      tsconfig-paths: 3.14.1
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+    dev: true
+
+  /eslint-plugin-n/15.2.5_eslint@8.23.0:
+    resolution: {integrity: sha512-8+BYsqiyZfpu6NXmdLOXVUfk8IocpCjpd8nMRRH0A9ulrcemhb2VI9RSJMEy5udx++A/YcVPD11zT8hpFq368g==}
+    engines: {node: '>=12.22.0'}
+    peerDependencies:
+      eslint: '>=7.0.0'
+    dependencies:
+      builtins: 5.0.1
+      eslint: 8.23.0
+      eslint-plugin-es: 4.1.0_eslint@8.23.0
+      eslint-utils: 3.0.0_eslint@8.23.0
+      ignore: 5.2.0
+      is-core-module: 2.10.0
+      minimatch: 3.1.2
+      resolve: 1.22.1
+      semver: 7.3.7
+    dev: true
+
+  /eslint-plugin-node/11.1.0_eslint@8.23.0:
+    resolution: {integrity: sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==}
+    engines: {node: '>=8.10.0'}
+    peerDependencies:
+      eslint: '>=5.16.0'
+    dependencies:
+      eslint: 8.23.0
+      eslint-plugin-es: 3.0.1_eslint@8.23.0
+      eslint-utils: 2.1.0
+      ignore: 5.2.0
+      minimatch: 3.1.2
+      resolve: 1.22.1
+      semver: 6.3.0
+    dev: true
+
+  /eslint-plugin-prettier/4.2.1_tgumt6uwl2md3n6uqnggd6wvce:
+    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      eslint: '>=7.28.0'
+      eslint-config-prettier: '*'
+      prettier: '>=2.0.0'
+    peerDependenciesMeta:
+      eslint-config-prettier:
+        optional: true
+    dependencies:
+      eslint: 8.23.0
+      eslint-config-prettier: 8.5.0_eslint@8.23.0
+      prettier: 2.7.1
+      prettier-linter-helpers: 1.0.0
+    dev: true
+
+  /eslint-plugin-promise/6.0.1_eslint@8.23.0:
+    resolution: {integrity: sha512-uM4Tgo5u3UWQiroOyDEsYcVMOo7re3zmno0IZmB5auxoaQNIceAbXEkSt8RNrKtaYehARHG06pYK6K1JhtP0Zw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.23.0
+    dev: true
+
+  /eslint-plugin-unicorn/43.0.2_eslint@8.23.0:
+    resolution: {integrity: sha512-DtqZ5mf/GMlfWoz1abIjq5jZfaFuHzGBZYIeuJfEoKKGWRHr2JiJR+ea+BF7Wx2N1PPRoT/2fwgiK1NnmNE3Hg==}
+    engines: {node: '>=14.18'}
+    peerDependencies:
+      eslint: '>=8.18.0'
+    dependencies:
+      '@babel/helper-validator-identifier': 7.18.6
+      ci-info: 3.3.2
+      clean-regexp: 1.0.0
+      eslint: 8.23.0
+      eslint-utils: 3.0.0_eslint@8.23.0
+      esquery: 1.4.0
+      indent-string: 4.0.0
+      is-builtin-module: 3.2.0
+      lodash: 4.17.21
+      pluralize: 8.0.0
+      read-pkg-up: 7.0.1
+      regexp-tree: 0.1.24
+      safe-regex: 2.1.1
+      semver: 7.3.7
+      strip-indent: 3.0.0
+    dev: true
+
+  /eslint-plugin-vue/9.4.0_eslint@8.23.0:
+    resolution: {integrity: sha512-Nzz2QIJ8FG+rtJaqT/7/ru5ie2XgT9KCudkbN0y3uFYhQ41nuHEaboLAiqwMcK006hZPQv/rVMRhUIwEGhIvfQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.2.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      eslint: 8.23.0
+      eslint-utils: 3.0.0_eslint@8.23.0
+      natural-compare: 1.4.0
+      nth-check: 2.1.1
+      postcss-selector-parser: 6.0.10
+      semver: 7.3.7
+      vue-eslint-parser: 9.1.0_eslint@8.23.0
+      xml-name-validator: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /eslint-scope/5.1.1:
+    resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 4.3.0
+    dev: true
+
+  /eslint-scope/7.1.1:
+    resolution: {integrity: sha512-QKQM/UXpIiHcLqJ5AOyIW7XZmzjkzQXYE54n1++wb0u9V/abW3l9uQnxX8Z5Xd18xyKIMTUAyQ0k1e8pz6LUrw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
+  /eslint-utils/2.1.0:
+    resolution: {integrity: sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==}
+    engines: {node: '>=6'}
+    dependencies:
+      eslint-visitor-keys: 1.3.0
+    dev: true
+
+  /eslint-utils/3.0.0_eslint@8.23.0:
+    resolution: {integrity: sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==}
+    engines: {node: ^10.0.0 || ^12.0.0 || >= 14.0.0}
+    peerDependencies:
+      eslint: '>=5'
+    dependencies:
+      eslint: 8.23.0
+      eslint-visitor-keys: 2.1.0
+    dev: true
+
+  /eslint-visitor-keys/1.3.0:
+    resolution: {integrity: sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==}
+    engines: {node: '>=4'}
+    dev: true
+
+  /eslint-visitor-keys/2.1.0:
+    resolution: {integrity: sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /eslint-visitor-keys/3.3.0:
+    resolution: {integrity: sha512-mQ+suqKJVyeuwGYHAdjMFqjCyfl8+Ldnxuyp3ldiMBFKkvytrXUZWaiPCEav8qDHKty44bD+qV1IP4T+w+xXRA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
+  /eslint/8.23.0:
+    resolution: {integrity: sha512-pBG/XOn0MsJcKcTRLr27S5HpzQo4kLr+HjLQIyK4EiCsijDl/TB+h5uEuJU6bQ8Edvwz1XWOjpaP2qgnXGpTcA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    hasBin: true
+    dependencies:
+      '@eslint/eslintrc': 1.3.1
+      '@humanwhocodes/config-array': 0.10.4
+      '@humanwhocodes/gitignore-to-minimatch': 1.0.2
+      '@humanwhocodes/module-importer': 1.0.1
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.3
+      debug: 4.3.4
+      doctrine: 3.0.0
+      escape-string-regexp: 4.0.0
+      eslint-scope: 7.1.1
+      eslint-utils: 3.0.0_eslint@8.23.0
+      eslint-visitor-keys: 3.3.0
+      espree: 9.4.0
+      esquery: 1.4.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 6.0.1
+      find-up: 5.0.0
+      functional-red-black-tree: 1.0.1
+      glob-parent: 6.0.2
+      globals: 13.17.0
+      globby: 11.1.0
+      grapheme-splitter: 1.0.4
+      ignore: 5.2.0
+      import-fresh: 3.3.0
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      js-yaml: 4.1.0
+      json-stable-stringify-without-jsonify: 1.0.1
+      levn: 0.4.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.1
+      regexpp: 3.2.0
+      strip-ansi: 6.0.1
+      strip-json-comments: 3.1.1
+      text-table: 0.2.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
+  /espree/9.4.0:
+    resolution: {integrity: sha512-DQmnRpLj7f6TgN/NYb0MTzJXL+vJF9h3pHy4JhCIs3zwcgez8xmGg3sXHcEO97BrmO2OSvCwMdfdlyl+E9KjOw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.8.0
+      acorn-jsx: 5.3.2_acorn@8.8.0
+      eslint-visitor-keys: 3.3.0
+    dev: true
+
+  /esquery/1.4.0:
+    resolution: {integrity: sha512-cCDispWt5vHHtwMY2YrAQ4ibFkAL8RbH5YGBnZBc90MolvvfkkQcJro/aZiAQUlQ3qgrYS6D6v8Gc5G5CQsc9w==}
+    engines: {node: '>=0.10'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /esrecurse/4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+    dependencies:
+      estraverse: 5.3.0
+    dev: true
+
+  /estraverse/4.3.0:
+    resolution: {integrity: sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==}
+    engines: {node: '>=4.0'}
+    dev: true
+
+  /estraverse/5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+    dev: true
+
   /estree-walker/0.6.1:
     resolution: {integrity: sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==}
     dev: true
@@ -2573,6 +3316,11 @@ packages:
   /estree-walker/3.0.1:
     resolution: {integrity: sha512-woY0RUD87WzMBUiZLx8NsYr23N5BKsOMZHhu2hoNRVh6NXGfoiT1KOL8G3UHlJAnEDGmfa5ubNA/AacfG+Kb0g==}
 
+  /esutils/2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /etag/1.8.1:
     resolution: {integrity: sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==}
     engines: {node: '>= 0.6'}
@@ -2617,7 +3365,10 @@ packages:
 
   /fast-deep-equal/3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
-    dev: false
+
+  /fast-diff/1.2.0:
+    resolution: {integrity: sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==}
+    dev: true
 
   /fast-glob/3.2.11:
     resolution: {integrity: sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew==}
@@ -2631,7 +3382,10 @@ packages:
 
   /fast-json-stable-stringify/2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
-    dev: false
+
+  /fast-levenshtein/2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+    dev: true
 
   /fastparse/1.1.2:
     resolution: {integrity: sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==}
@@ -2658,6 +3412,13 @@ packages:
       is-unicode-supported: 1.2.0
     dev: true
 
+  /file-entry-cache/6.0.1:
+    resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flat-cache: 3.0.4
+    dev: true
+
   /file-uri-to-path/1.0.0:
     resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
     dev: true
@@ -2668,10 +3429,38 @@ packages:
     dependencies:
       to-regex-range: 5.0.1
 
+  /find-up/4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /find-up/5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+    dev: true
+
+  /flat-cache/3.0.4:
+    resolution: {integrity: sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==}
+    engines: {node: ^10.12.0 || >=12.0.0}
+    dependencies:
+      flatted: 3.2.7
+      rimraf: 3.0.2
+    dev: true
+
   /flat/5.0.2:
     resolution: {integrity: sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==}
     hasBin: true
 
+  /flatted/3.2.7:
+    resolution: {integrity: sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==}
+    dev: true
+
   /follow-redirects/1.15.1:
     resolution: {integrity: sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==}
     engines: {node: '>=4.0'}
@@ -2748,6 +3537,24 @@ packages:
   /function-bind/1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
 
+  /function.prototype.name/1.1.5:
+    resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+      functions-have-names: 1.2.3
+    dev: true
+
+  /functional-red-black-tree/1.0.1:
+    resolution: {integrity: sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==}
+    dev: true
+
+  /functions-have-names/1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+    dev: true
+
   /gauge/3.0.2:
     resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
     engines: {node: '>=10'}
@@ -2775,6 +3582,14 @@ packages:
     resolution: {integrity: sha512-Hm0ixYtaSZ/V7C8FJrtZIuBBI+iSgL+1Aq82zSu8VQNB4S3Gk8e7Qs3VwBDJAhmRZcFqkl3tQu36g/Foh5I5ig==}
     dev: true
 
+  /get-intrinsic/1.1.2:
+    resolution: {integrity: sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==}
+    dependencies:
+      function-bind: 1.1.1
+      has: 1.0.3
+      has-symbols: 1.0.3
+    dev: true
+
   /get-port-please/2.6.1:
     resolution: {integrity: sha512-4PDSrL6+cuMM1xs6w36ZIkaKzzE0xzfVBCfebHIJ3FE8iB9oic/ECwPw3iNiD4h1AoJ5XLLBhEviFAVrZsDC5A==}
     dependencies:
@@ -2786,6 +3601,18 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /get-symbol-description/1.0.0:
+    resolution: {integrity: sha512-2EmdH1YvIQiZpltCNgkuiUnyukzxM/R6NDJX31Ke3BG1Nq5b0S2PhX59UKi9vZpPDQVdqn+1IcaAwnzTT5vCjw==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.1.2
+    dev: true
+
+  /get-tsconfig/4.2.0:
+    resolution: {integrity: sha512-X8u8fREiYOE6S8hLbq99PeykTDoLVnxvF4DjWKJmz9xy2nNRdUcV8ZN9tniJFeKyTU3qnC9lL8n4Chd6LmVKHg==}
+    dev: true
+
   /git-config-path/2.0.0:
     resolution: {integrity: sha512-qc8h1KIQbJpp+241id3GuAtkdyJ+IK+LIVtkiFTRKRrmddDzs3SI9CvP1QYmWBFvm1I/PWRwj//of8bgAc0ltA==}
     engines: {node: '>=4'}
@@ -2822,7 +3649,6 @@ packages:
     engines: {node: '>=10.13.0'}
     dependencies:
       is-glob: 4.0.3
-    dev: false
 
   /glob/7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
@@ -2838,6 +3664,29 @@ packages:
     resolution: {integrity: sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==}
     engines: {node: '>=4'}
 
+  /globals/13.17.0:
+    resolution: {integrity: sha512-1C+6nQRb1GwGMKm2dH/E7enFAMxGTmGI7/dEdhy/DNelv85w9B72t3uc5frtMNXIbzrarJJ/lTCjcaZwbLJmyw==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
+  /globalyzer/0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+    dev: true
+
+  /globby/11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.2.11
+      ignore: 5.2.0
+      merge2: 1.4.1
+      slash: 3.0.0
+    dev: true
+
   /globby/13.1.2:
     resolution: {integrity: sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -2848,9 +3697,17 @@ packages:
       merge2: 1.4.1
       slash: 4.0.0
 
+  /globrex/0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+    dev: true
+
   /graceful-fs/4.2.10:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
 
+  /grapheme-splitter/1.0.4:
+    resolution: {integrity: sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==}
+    dev: true
+
   /gzip-size/7.0.0:
     resolution: {integrity: sha512-O1Ld7Dr+nqPnmGpdhzLmMTQ4vAsD+rHwMm1NLUmoUFFymBOMKxCCrtDxqdBRYXdeEPEi3SyoR4TizJLQrnKBNA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -2867,6 +3724,10 @@ packages:
       ufo: 0.8.5
     dev: true
 
+  /has-bigints/1.0.2:
+    resolution: {integrity: sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==}
+    dev: true
+
   /has-flag/3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -2875,17 +3736,21 @@ packages:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
 
+  /has-property-descriptors/1.0.0:
+    resolution: {integrity: sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ==}
+    dependencies:
+      get-intrinsic: 1.1.2
+    dev: true
+
   /has-symbols/1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
-    dev: false
 
   /has-tostringtag/1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
     engines: {node: '>= 0.4'}
     dependencies:
       has-symbols: 1.0.3
-    dev: false
 
   /has-unicode/2.0.1:
     resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
@@ -2904,6 +3769,10 @@ packages:
     resolution: {integrity: sha512-J+tYTxF7bOYEQX2MJ3jWWjAKhQLzRAf0efkxyNfuSnIFLl3AXOpkuOVpVhBx5zMSeGPzIUNN5FpYQaA1eYzfVQ==}
     dev: true
 
+  /hosted-git-info/2.8.9:
+    resolution: {integrity: sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==}
+    dev: true
+
   /html-tags/3.2.0:
     resolution: {integrity: sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg==}
     engines: {node: '>=8'}
@@ -3010,7 +3879,16 @@ packages:
     dependencies:
       parent-module: 1.0.1
       resolve-from: 4.0.0
-    dev: false
+
+  /imurmurhash/0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+    dev: true
+
+  /indent-string/4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+    dev: true
 
   /inflight/1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
@@ -3050,6 +3928,15 @@ packages:
       wrap-ansi: 8.0.1
     dev: true
 
+  /internal-slot/1.0.3:
+    resolution: {integrity: sha512-O0DB1JC/sPyZl7cIo78n5dR7eUSwwpYPiXRhTzNxZVAMUuB8vlnRFyLxdrVToks6XPLVnFfbzaVd5WLjhgg+vA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      get-intrinsic: 1.1.2
+      has: 1.0.3
+      side-channel: 1.0.4
+    dev: true
+
   /ioredis/5.2.3:
     resolution: {integrity: sha512-gQNcMF23/NpvjCaa1b5YycUyQJ9rBNH2xP94LWinNpodMWVUPP5Ai/xXANn/SM7gfIvI62B5CCvZxhg5pOgyMw==}
     engines: {node: '>=12.22.0'}
@@ -3069,18 +3956,31 @@ packages:
 
   /is-arrayish/0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-    dev: false
 
   /is-arrayish/0.3.2:
     resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
     dev: false
 
+  /is-bigint/1.0.4:
+    resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
+    dependencies:
+      has-bigints: 1.0.2
+    dev: true
+
   /is-binary-path/2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
     dependencies:
       binary-extensions: 2.2.0
 
+  /is-boolean-object/1.1.2:
+    resolution: {integrity: sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
   /is-builtin-module/3.2.0:
     resolution: {integrity: sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==}
     engines: {node: '>=6'}
@@ -3088,11 +3988,23 @@ packages:
       builtin-modules: 3.3.0
     dev: true
 
+  /is-callable/1.2.4:
+    resolution: {integrity: sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
   /is-core-module/2.10.0:
     resolution: {integrity: sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==}
     dependencies:
       has: 1.0.3
 
+  /is-date-object/1.0.5:
+    resolution: {integrity: sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
   /is-docker/2.2.1:
     resolution: {integrity: sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==}
     engines: {node: '>=8'}
@@ -3134,6 +4046,18 @@ packages:
     resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
     dev: true
 
+  /is-negative-zero/2.0.2:
+    resolution: {integrity: sha512-dqJvarLawXsFbNDeJW7zAz8ItJ9cd28YufuuFzh0G8pNHjJMnY08Dv7sYX2uF5UpQOwieAeOExEYAWWfu7ZZUA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /is-number-object/1.0.7:
+    resolution: {integrity: sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
   /is-number/7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -3153,6 +4077,20 @@ packages:
       '@types/estree': 1.0.0
     dev: true
 
+  /is-regex/1.1.4:
+    resolution: {integrity: sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-shared-array-buffer/1.0.2:
+    resolution: {integrity: sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
   /is-ssh/1.4.0:
     resolution: {integrity: sha512-x7+VxdxOdlV3CYpjvRLBv5Lo9OJerlYanjwFrPR9fuGPjCiNiCzFgAWpiLAohSbsnH4ZAys3SBh+hq5rJosxUQ==}
     dependencies:
@@ -3164,11 +4102,31 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-string/1.0.7:
+    resolution: {integrity: sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-tostringtag: 1.0.0
+    dev: true
+
+  /is-symbol/1.0.4:
+    resolution: {integrity: sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      has-symbols: 1.0.3
+    dev: true
+
   /is-unicode-supported/1.2.0:
     resolution: {integrity: sha512-wH+U77omcRzevfIG8dDhTS0V9zZyweakfD01FULl97+0EHiJTTZtJqxPSkIIo/SDPv/i07k/C9jAPY+jwLLeUQ==}
     engines: {node: '>=12'}
     dev: true
 
+  /is-weakref/1.0.2:
+    resolution: {integrity: sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==}
+    dependencies:
+      call-bind: 1.0.2
+    dev: true
+
   /is-wsl/2.2.0:
     resolution: {integrity: sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==}
     engines: {node: '>=8'}
@@ -3207,6 +4165,13 @@ packages:
   /js-tokens/4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
+  /js-yaml/4.1.0:
+    resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
+    hasBin: true
+    dependencies:
+      argparse: 2.0.1
+    dev: true
+
   /jsesc/2.5.2:
     resolution: {integrity: sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==}
     engines: {node: '>=4'}
@@ -3214,11 +4179,20 @@ packages:
 
   /json-parse-even-better-errors/2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-    dev: false
 
   /json-schema-traverse/0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
-    dev: false
+
+  /json-stable-stringify-without-jsonify/1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+    dev: true
+
+  /json5/1.0.1:
+    resolution: {integrity: sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==}
+    hasBin: true
+    dependencies:
+      minimist: 1.2.6
+    dev: true
 
   /json5/2.2.1:
     resolution: {integrity: sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==}
@@ -3320,13 +4294,20 @@ packages:
       readable-stream: 2.3.7
     dev: true
 
+  /levn/0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+    dev: true
+
   /lilconfig/2.0.6:
     resolution: {integrity: sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg==}
     engines: {node: '>=10'}
 
   /lines-and-columns/1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-    dev: false
 
   /listhen/0.2.15:
     resolution: {integrity: sha512-F/IWj/aJLeokHAIVY+l3JoWRUnbRaf2F0cr+Ybc1YyozMA/yP0C2nf3c0Oi7vAbFvtfiwfWWfP7bIrQc/u5L1A==}
@@ -3353,6 +4334,20 @@ packages:
     resolution: {integrity: sha512-mlERgSPrbxU3BP4qBqAvvwlgW4MTg78iwJdGGnv7kibKjWcJksrG3t6LB5lXI93wXRDvG4NpUgJFmTG4T6rdrg==}
     engines: {node: '>=14'}
 
+  /locate-path/5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-locate: 4.1.0
+    dev: true
+
+  /locate-path/6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-locate: 5.0.0
+    dev: true
+
   /lodash._reinterpolate/3.0.0:
     resolution: {integrity: sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==}
 
@@ -3389,7 +4384,6 @@ packages:
 
   /lodash.merge/4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
-    dev: false
 
   /lodash.pick/4.4.0:
     resolution: {integrity: sha512-hXt6Ul/5yWjfklSGvLQl8vM//l3FtyHZeuelpzK6mm99pNvN9yTDruNZPEJZD1oWrqo+izBmB7oUfWgcCX7s4Q==}
@@ -3524,6 +4518,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /min-indent/1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+    dev: true
+
   /mini-svg-data-uri/1.4.4:
     resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
     hasBin: true
@@ -3625,6 +4624,10 @@ packages:
     hasBin: true
     dev: true
 
+  /natural-compare/1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+    dev: true
+
   /negotiator/0.6.3:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
@@ -3754,6 +4757,15 @@ packages:
       abbrev: 1.1.1
     dev: true
 
+  /normalize-package-data/2.5.0:
+    resolution: {integrity: sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==}
+    dependencies:
+      hosted-git-info: 2.8.9
+      resolve: 1.22.1
+      semver: 5.7.1
+      validate-npm-package-license: 3.0.4
+    dev: true
+
   /normalize-path/3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -3867,6 +4879,34 @@ packages:
     engines: {node: '>= 6'}
     dev: false
 
+  /object-inspect/1.12.2:
+    resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
+    dev: true
+
+  /object-keys/1.1.1:
+    resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
+    engines: {node: '>= 0.4'}
+    dev: true
+
+  /object.assign/4.1.4:
+    resolution: {integrity: sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      has-symbols: 1.0.3
+      object-keys: 1.1.1
+    dev: true
+
+  /object.values/1.1.5:
+    resolution: {integrity: sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+    dev: true
+
   /ohash/0.1.5:
     resolution: {integrity: sha512-qynly1AFIpGWEAW88p6DhMNqok/Swb52/KsiU+Toi7er058Ptvno3tkfTML6wYcEgFgp2GsUziW4Nqn62ciuyw==}
     dev: true
@@ -3919,6 +4959,18 @@ packages:
       is-wsl: 2.2.0
     dev: true
 
+  /optionator/0.9.1:
+    resolution: {integrity: sha512-74RlY5FCnhq4jRxVUPKDaRwrVNXMqsGsiW6AJw4XK8hmtm10wC0ypZBLw5IIp85NZMr91+qd1RvvENwg7jjRFw==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.3
+    dev: true
+
   /ora/6.1.2:
     resolution: {integrity: sha512-EJQ3NiP5Xo94wJXIzAyOtSb0QEIAUu7m8t6UZ9krbz0vAJqr92JpcK/lEXg91q6B9pEGqrykkd2EQplnifDSBw==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -3939,12 +4991,44 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /p-limit/2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+    dependencies:
+      p-try: 2.2.0
+    dev: true
+
+  /p-limit/3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      yocto-queue: 0.1.0
+    dev: true
+
+  /p-locate/4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+    dependencies:
+      p-limit: 2.3.0
+    dev: true
+
+  /p-locate/5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+    dependencies:
+      p-limit: 3.1.0
+    dev: true
+
+  /p-try/2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+    dev: true
+
   /parent-module/1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
     dependencies:
       callsites: 3.1.0
-    dev: false
 
   /parent-module/2.0.0:
     resolution: {integrity: sha512-uo0Z9JJeWzv8BG+tRcapBKNJ0dro9cLyczGzulS6EfeyAdeC9sbojtW6XwvYxJkEne9En+J2XEl4zyglVeIwFg==}
@@ -3969,7 +5053,6 @@ packages:
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
-    dev: false
 
   /parse-path/5.0.0:
     resolution: {integrity: sha512-qOpH55/+ZJ4jUu/oLO+ifUKjFPNZGfnPJtzvGzKN/4oLMil5m9OH4VpOj6++9/ytJcfks4kzH2hhi87GL/OU9A==}
@@ -3996,6 +5079,11 @@ packages:
     resolution: {integrity: sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==}
     engines: {node: '>= 0.8'}
 
+  /path-exists/4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+    dev: true
+
   /path-is-absolute/1.0.1:
     resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
     engines: {node: '>=0.10.0'}
@@ -4042,7 +5130,7 @@ packages:
     resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
     engines: {node: '>=0.10.0'}
 
-  /pinia/2.0.21_vue@3.2.38:
+  /pinia/2.0.21_y42fb6h2cbuvaqq3tktjqxwpau:
     resolution: {integrity: sha512-6ol04PtL29O0Z6JHI47O3JUSoyOJ7Og0rstXrHVMZSP4zAldsQBXJCNF0i/H7m8vp/Hjd/CSmuPl7C5QAwpeWQ==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -4055,6 +5143,7 @@ packages:
         optional: true
     dependencies:
       '@vue/devtools-api': 6.2.1
+      typescript: 4.8.3
       vue: 3.2.38
       vue-demi: 0.13.11_vue@3.2.38
     dev: false
@@ -4066,6 +5155,11 @@ packages:
       mlly: 0.5.14
       pathe: 0.3.5
 
+  /pluralize/8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+    dev: true
+
   /portfinder/1.0.32:
     resolution: {integrity: sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==}
     engines: {node: '>= 0.12.0'}
@@ -4531,6 +5625,24 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  /prelude-ls/1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+    dev: true
+
+  /prettier-linter-helpers/1.0.0:
+    resolution: {integrity: sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      fast-diff: 1.2.0
+    dev: true
+
+  /prettier/2.7.1:
+    resolution: {integrity: sha512-ujppO+MkdPqoVINuDFDRLClm7D78qbDt0/NR+wp5FqEZOoTNAjPHWj17QRhu7geIHJfcNhRk1XVQmF8Bp3ye+g==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
+
   /pretty-bytes/6.0.0:
     resolution: {integrity: sha512-6UqkYefdogmzqAZWzJ7laYeJnaXDy2/J+ZqiiMtS7t7OfpXWTlaeGMwX8U6EFvPV/YWWEKRkS8hKS4k60WHTOg==}
     engines: {node: ^14.13.1 || >=16.0.0}
@@ -4549,7 +5661,6 @@ packages:
   /punycode/2.1.1:
     resolution: {integrity: sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==}
     engines: {node: '>=6'}
-    dev: false
 
   /queue-microtask/1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
@@ -4586,6 +5697,25 @@ packages:
     dependencies:
       pify: 2.3.0
 
+  /read-pkg-up/7.0.1:
+    resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
+    engines: {node: '>=8'}
+    dependencies:
+      find-up: 4.1.0
+      read-pkg: 5.2.0
+      type-fest: 0.8.1
+    dev: true
+
+  /read-pkg/5.2.0:
+    resolution: {integrity: sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==}
+    engines: {node: '>=8'}
+    dependencies:
+      '@types/normalize-package-data': 2.4.1
+      normalize-package-data: 2.5.0
+      parse-json: 5.2.0
+      type-fest: 0.6.0
+    dev: true
+
   /readable-stream/2.3.7:
     resolution: {integrity: sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==}
     dependencies:
@@ -4630,6 +5760,25 @@ packages:
       redis-errors: 1.2.0
     dev: true
 
+  /regexp-tree/0.1.24:
+    resolution: {integrity: sha512-s2aEVuLhvnVJW6s/iPgEGK6R+/xngd2jNQ+xy4bXNDKxZKJH6jpPHY6kVeVv1IeLCHgswRj+Kl3ELaDjG6V1iw==}
+    hasBin: true
+    dev: true
+
+  /regexp.prototype.flags/1.4.3:
+    resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
+    engines: {node: '>= 0.4'}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      functions-have-names: 1.2.3
+    dev: true
+
+  /regexpp/3.2.0:
+    resolution: {integrity: sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==}
+    engines: {node: '>=8'}
+    dev: true
+
   /replace-in-file/6.3.5:
     resolution: {integrity: sha512-arB9d3ENdKva2fxRnSjwBEXfK1npgyci7ZZuwysgAp7ORjHSyxz6oqIjTEv8R0Ydl4Ll7uOAZXL4vbkhGIizCg==}
     engines: {node: '>=10'}
@@ -4651,7 +5800,6 @@ packages:
   /resolve-from/4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
-    dev: false
 
   /resolve-from/5.0.0:
     resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
@@ -4762,6 +5910,12 @@ packages:
   /safe-buffer/5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
+  /safe-regex/2.1.1:
+    resolution: {integrity: sha512-rx+x8AMzKb5Q5lQ95Zoi6ZbJqwCLkqi3XuJXp5P3rT8OEc6sZCJG5AE5dU3lsgRr/F4Bs31jSlVN+j5KrsGu9A==}
+    dependencies:
+      regexp-tree: 0.1.24
+    dev: true
+
   /safer-buffer/2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
     dev: true
@@ -4788,6 +5942,11 @@ packages:
       node-forge: 1.3.1
     dev: true
 
+  /semver/5.7.1:
+    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
+    hasBin: true
+    dev: true
+
   /semver/6.3.0:
     resolution: {integrity: sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==}
     hasBin: true
@@ -4867,6 +6026,14 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /side-channel/1.0.4:
+    resolution: {integrity: sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw==}
+    dependencies:
+      call-bind: 1.0.2
+      get-intrinsic: 1.1.2
+      object-inspect: 1.12.2
+    dev: true
+
   /signal-exit/3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: true
@@ -4909,6 +6076,28 @@ packages:
   /sourcemap-codec/1.4.8:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
 
+  /spdx-correct/3.1.1:
+    resolution: {integrity: sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w==}
+    dependencies:
+      spdx-expression-parse: 3.0.1
+      spdx-license-ids: 3.0.12
+    dev: true
+
+  /spdx-exceptions/2.3.0:
+    resolution: {integrity: sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A==}
+    dev: true
+
+  /spdx-expression-parse/3.0.1:
+    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
+    dependencies:
+      spdx-exceptions: 2.3.0
+      spdx-license-ids: 3.0.12
+    dev: true
+
+  /spdx-license-ids/3.0.12:
+    resolution: {integrity: sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==}
+    dev: true
+
   /stable/0.1.8:
     resolution: {integrity: sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==}
     deprecated: 'Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility'
@@ -4948,6 +6137,22 @@ packages:
       strip-ansi: 7.0.1
     dev: true
 
+  /string.prototype.trimend/1.0.5:
+    resolution: {integrity: sha512-I7RGvmjV4pJ7O3kdf+LXFpVfdNOxtCW/2C8f6jNiW4+PQchwxkCDzlk1/7p+Wl4bqFIZeF47qAHXLuHHWKAxog==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+    dev: true
+
+  /string.prototype.trimstart/1.0.5:
+    resolution: {integrity: sha512-THx16TJCGlsN0o6dl2o6ncWUsdgnLRSA23rRE5pyGBw/mLr3Ej/R2LaqCtgP8VNMGZsvMWnf9ooZPyY2bHvUFg==}
+    dependencies:
+      call-bind: 1.0.2
+      define-properties: 1.1.4
+      es-abstract: 1.20.2
+    dev: true
+
   /string_decoder/1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
     dependencies:
@@ -4972,11 +6177,28 @@ packages:
       ansi-regex: 6.0.1
     dev: true
 
+  /strip-bom/3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+    dev: true
+
   /strip-final-newline/2.0.0:
     resolution: {integrity: sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==}
     engines: {node: '>=6'}
     dev: true
 
+  /strip-indent/3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+    dependencies:
+      min-indent: 1.0.1
+    dev: true
+
+  /strip-json-comments/3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+    dev: true
+
   /strip-literal/0.4.0:
     resolution: {integrity: sha512-ql/sBDoJOybTKSIOWrrh8kgUEMjXMwRAkZTD0EwiwxQH/6tTPkZvMIEjp0CRlpi6V5FMiJyvxeRkEi1KrGISoA==}
     dependencies:
@@ -5027,6 +6249,14 @@ packages:
       stable: 0.1.8
     dev: true
 
+  /synckit/0.8.4:
+    resolution: {integrity: sha512-Dn2ZkzMdSX827QbowGbU/4yjWuvNaCoScLLoMo/yKbu+P4GBR6cRGKZH27k6a9bRzdqcyd1DE96pQtQ6uNkmyw==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    dependencies:
+      '@pkgr/utils': 2.3.1
+      tslib: 2.4.0
+    dev: true
+
   /tailwind-config-viewer/1.7.1_tailwindcss@3.1.8:
     resolution: {integrity: sha512-EtDwFzgQEMJ6dFmp/6K+QJSP7NWANrGDsbwkn/BEq7MVJd/dEIZ5BBZTxo5jx+opa3HNJu/CHtWanKSCrgNwpA==}
     engines: {node: '>=8'}
@@ -5135,10 +6365,21 @@ packages:
       source-map-support: 0.5.21
     dev: true
 
+  /text-table/0.2.0:
+    resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
+    dev: true
+
   /through/2.3.8:
     resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
     dev: true
 
+  /tiny-glob/0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+    dependencies:
+      globalyzer: 0.1.0
+      globrex: 0.1.2
+    dev: true
+
   /tiny-invariant/1.2.0:
     resolution: {integrity: sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==}
     dev: true
@@ -5178,6 +6419,19 @@ packages:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
     dev: true
 
+  /tsconfig-paths/3.14.1:
+    resolution: {integrity: sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==}
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.1
+      minimist: 1.2.6
+      strip-bom: 3.0.0
+    dev: true
+
+  /tslib/1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+    dev: true
+
   /tslib/2.4.0:
     resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==}
     dev: true
@@ -5187,16 +6441,48 @@ packages:
     engines: {node: '>=0.6.x'}
     dev: false
 
+  /tsutils/3.21.0_typescript@4.8.3:
+    resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
+    engines: {node: '>= 6'}
+    peerDependencies:
+      typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
+    dependencies:
+      tslib: 1.14.1
+      typescript: 4.8.3
+    dev: true
+
+  /type-check/0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+    dependencies:
+      prelude-ls: 1.2.1
+    dev: true
+
   /type-detect/4.0.8:
     resolution: {integrity: sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==}
     engines: {node: '>=4'}
     dev: true
 
+  /type-fest/0.20.2:
+    resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
+    engines: {node: '>=10'}
+    dev: true
+
   /type-fest/0.21.3:
     resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==}
     engines: {node: '>=10'}
     dev: true
 
+  /type-fest/0.6.0:
+    resolution: {integrity: sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==}
+    engines: {node: '>=8'}
+    dev: true
+
+  /type-fest/0.8.1:
+    resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
+    engines: {node: '>=8'}
+    dev: true
+
   /type-fest/1.4.0:
     resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
     engines: {node: '>=10'}
@@ -5215,9 +6501,23 @@ packages:
       mime-types: 2.1.35
     dev: false
 
+  /typescript/4.8.3:
+    resolution: {integrity: sha512-goMHfm00nWPa8UvR/CPSvykqf6dVV8x/dp0c5mFTMTIu0u0FlGWRioyy7Nn0PGAdHxpJZnuO/ut+PpQ8UiHAig==}
+    engines: {node: '>=4.2.0'}
+    hasBin: true
+
   /ufo/0.8.5:
     resolution: {integrity: sha512-e4+UtA5IRO+ha6hYklwj6r7BjiGMxS0O+UaSg9HbaTefg4kMkzj4tXzEBajRR+wkxf+golgAWKzLbytCUDMJAA==}
 
+  /unbox-primitive/1.0.2:
+    resolution: {integrity: sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==}
+    dependencies:
+      call-bind: 1.0.2
+      has-bigints: 1.0.2
+      has-symbols: 1.0.3
+      which-boxed-primitive: 1.0.2
+    dev: true
+
   /unctx/1.2.0:
     resolution: {integrity: sha512-r3p62XKSMvgttYu3fFf52rteqcguwQENJ863dOGM1xM3uUbSNbr+zAuTohMyKx2pcZLmjusgcnl1cAWaZbCzKg==}
     dependencies:
@@ -5513,11 +6813,17 @@ packages:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
     dependencies:
       punycode: 2.1.1
-    dev: false
 
   /util-deprecate/1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  /validate-npm-package-license/3.0.4:
+    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
+    dependencies:
+      spdx-correct: 3.1.1
+      spdx-expression-parse: 3.0.1
+    dev: true
+
   /vary/1.1.2:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
@@ -5564,6 +6870,18 @@ packages:
       vscode-uri: 3.0.3
     dev: true
 
+  /vite-plugin-eslint/1.8.1_eslint@8.23.0:
+    resolution: {integrity: sha512-PqdMf3Y2fLO9FsNPmMX+//2BF5SF8nEWspZdgl4kSt7UvHDRHVVfHvxsD7ULYzZrJDGRxR81Nq7TOFgwMnUang==}
+    peerDependencies:
+      eslint: '>=7'
+      vite: '>=2'
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@types/eslint': 8.4.6
+      eslint: 8.23.0
+      rollup: 2.79.0
+    dev: true
+
   /vite/3.0.9:
     resolution: {integrity: sha512-waYABTM+G6DBTCpYAxvevpG50UOlZuynR0ckTK5PawNVt7ebX6X7wNXHaGIO6wYYFXSM7/WcuFuO2QzhBB6aMw==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -5691,6 +7009,24 @@ packages:
       vue: 3.2.38
     dev: false
 
+  /vue-eslint-parser/9.1.0_eslint@8.23.0:
+    resolution: {integrity: sha512-NGn/iQy8/Wb7RrRa4aRkokyCZfOUWk19OP5HP6JEozQFX5AoS/t+Z0ZN7FY4LlmWc4FNI922V7cvX28zctN8dQ==}
+    engines: {node: ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '>=6.0.0'
+    dependencies:
+      debug: 4.3.4
+      eslint: 8.23.0
+      eslint-scope: 7.1.1
+      eslint-visitor-keys: 3.3.0
+      espree: 9.4.0
+      esquery: 1.4.0
+      lodash: 4.17.21
+      semver: 7.3.7
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /vue-router/4.1.5_vue@3.2.38:
     resolution: {integrity: sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==}
     peerDependencies:
@@ -5742,6 +7078,16 @@ packages:
       webidl-conversions: 3.0.1
     dev: true
 
+  /which-boxed-primitive/1.0.2:
+    resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
+    dependencies:
+      is-bigint: 1.0.4
+      is-boolean-object: 1.1.2
+      is-number-object: 1.0.7
+      is-string: 1.0.7
+      is-symbol: 1.0.4
+    dev: true
+
   /which/2.0.2:
     resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
     engines: {node: '>= 8'}
@@ -5756,6 +7102,11 @@ packages:
       string-width: 4.2.3
     dev: true
 
+  /word-wrap/1.2.3:
+    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /wrap-ansi/7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -5789,6 +7140,11 @@ packages:
         optional: true
     dev: true
 
+  /xml-name-validator/4.0.0:
+    resolution: {integrity: sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /xtend/4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
     engines: {node: '>=0.4'}
@@ -5834,6 +7190,11 @@ packages:
     engines: {node: '>= 4.0.0'}
     dev: false
 
+  /yocto-queue/0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+    dev: true
+
   /zip-stream/4.1.0:
     resolution: {integrity: sha512-zshzwQW7gG7hjpBlgeQP9RuyPGNxvJdzR8SUM3QhxCnLjWN2E7j3dOvpeDcQoETfHx0urRS7EtmVToql7YpU4A==}
     engines: {node: '>= 10'}
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
index 33ad091..12a703d 100644
--- a/frontend/postcss.config.js
+++ b/frontend/postcss.config.js
@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/frontend/stores/auth.ts b/frontend/stores/auth.ts
index e6ea8b8..4c4abc2 100644
--- a/frontend/stores/auth.ts
+++ b/frontend/stores/auth.ts
@@ -1,11 +1,11 @@
-import { UserApi } from '~~/lib/api/user';
-import { defineStore } from 'pinia';
-import { useLocalStorage } from '@vueuse/core';
+import { defineStore } from "pinia";
+import { useLocalStorage } from "@vueuse/core";
+import { UserApi } from "~~/lib/api/user";
 
-export const useAuthStore = defineStore('auth', {
+export const useAuthStore = defineStore("auth", {
   state: () => ({
-    token: useLocalStorage('pinia/auth/token', ''),
-    expires: useLocalStorage('pinia/auth/expires', ''),
+    token: useLocalStorage("pinia/auth/token", ""),
+    expires: useLocalStorage("pinia/auth/expires", ""),
   }),
   getters: {
     isTokenExpired: state => {
@@ -13,7 +13,7 @@ export const useAuthStore = defineStore('auth', {
         return true;
       }
 
-      if (typeof state.expires === 'string') {
+      if (typeof state.expires === "string") {
         return new Date(state.expires) < new Date();
       }
 
@@ -28,8 +28,8 @@ export const useAuthStore = defineStore('auth', {
         return result;
       }
 
-      this.token = '';
-      this.expires = '';
+      this.token = "";
+      this.expires = "";
 
       return result;
     },
@@ -38,9 +38,9 @@ export const useAuthStore = defineStore('auth', {
      * must clear it's local session, usually when a 401 is received.
      */
     clearSession() {
-      this.token = '';
-      this.expires = '';
-      navigateTo('/');
+      this.token = "";
+      this.expires = "";
+      navigateTo("/");
     },
   },
 });
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
index 3fddb02..fc78c6c 100644
--- a/frontend/tailwind.config.js
+++ b/frontend/tailwind.config.js
@@ -1,15 +1,11 @@
 module.exports = {
-  content: ['./app.vue', './{components,pages,layouts}/**/*.{vue,js,ts,jsx,tsx}'],
-  darkMode: 'class', // or 'media' or 'class'
+  content: ["./app.vue", "./{components,pages,layouts}/**/*.{vue,js,ts,jsx,tsx}"],
+  darkMode: "class", // or 'media' or 'class'
   theme: {
     extend: {},
   },
   variants: {
     extend: {},
   },
-  plugins: [
-    require('@tailwindcss/aspect-ratio'),
-    require('@tailwindcss/typography'),
-    require('daisyui'),
-  ],
+  plugins: [require("@tailwindcss/aspect-ratio"), require("@tailwindcss/typography"), require("daisyui")],
 };
diff --git a/frontend/test/config.ts b/frontend/test/config.ts
index d8db927..4d4cc1e 100644
--- a/frontend/test/config.ts
+++ b/frontend/test/config.ts
@@ -1,4 +1,3 @@
 export const PORT = "7745";
 export const HOST = "http://127.0.0.1";
 export const BASE_URL = HOST + ":" + PORT;
-
diff --git a/frontend/test/setup.ts b/frontend/test/setup.ts
index 9dfd30f..7ad8bc0 100644
--- a/frontend/test/setup.ts
+++ b/frontend/test/setup.ts
@@ -1,8 +1,8 @@
-import { exec } from 'child_process';
-import * as config from './config';
+import { exec } from "child_process";
+import * as config from "./config";
 
 export const setup = () => {
-  console.log('Starting Client Tests');
+  console.log("Starting Client Tests");
   console.log({
     PORT: config.PORT,
     HOST: config.HOST,
@@ -12,8 +12,8 @@ export const setup = () => {
 
 export const teardown = () => {
   if (process.env.TEST_SHUTDOWN_API_SERVER) {
-    const pc = exec('pkill -SIGTERM api'); // Kill background API process
-    pc.stdout.on('data', data => {
+    const pc = exec("pkill -SIGTERM api"); // Kill background API process
+    pc.stdout.on("data", data => {
       console.log(`stdout: ${data}`);
     });
   }