From ac67a6df07609b7c1ec83798e936ec3924bf10e6 Mon Sep 17 00:00:00 2001
From: Ovidijus Narkevicius <ovidijus.narkevicius@nortal.com>
Date: Fri, 12 Jan 2024 14:45:35 +0200
Subject: [PATCH] feat(cs): Improve UX for form/confirm dialogs after rebase
 fixes to some issues

Closes: XRDDEV-2532
---
 .../admin-service/ui/package.json             |   2 +-
 .../AddCertificationServiceDialog.vue         | 231 ++---
 .../EditAcmeServerDialog.vue                  | 182 ++--
 .../EditCertProfileDialog.vue                 |   6 +-
 .../EditTlsAuthDialog.vue                     |   4 +-
 .../managementRequests/MrConfirmDialog.vue    |   2 +-
 .../managementRequests/MrDeclineDialog.vue    |   2 +-
 .../DeleteAuthenticationCertificateDialog.vue |   2 +-
 .../EditTimestampingServiceDialog.vue         |   2 +-
 .../ui/src/components/ui/InfoCard.vue         |   4 +-
 .../admin-service/ui/src/locales/en.json      |   8 +-
 .../admin-service/ui/src/main.ts              |   6 +-
 .../admin-service/ui/src/plugins/i18n.ts      |   5 +-
 .../ui/src/plugins/vee-validate.ts            | 134 ++-
 .../ui/src/store/modules/trust-services.ts    |   2 +-
 .../admin-service/ui/src/util/composables.ts  |   4 +-
 .../admin-service/ui/src/util/helpers.ts      |   2 +-
 .../views/Members/Member/AddMemberDialog.vue  |   2 +-
 .../Member/Details/DeleteMemberDialog.vue     |   2 +-
 .../Member/Details/EditMemberNameDialog.vue   |   2 +-
 .../Subsystems/AddMemberSubsystemDialog.vue   |   2 +-
 .../DeleteSecurityServerDialog.vue            |   2 +-
 .../EditSecurityServerAddressDialog.vue       |   2 +-
 .../CertificationServiceSettings.vue          |  18 +-
 .../EditAcmeServerDialog.spec.ts              | 112 ---
 .../tests/unit/plugins/vee-validate.spec.ts   | 108 ---
 .../CertificationServiceSettings.spec.ts      |  79 --
 .../admin-service/ui/tsconfig.json            |   2 +-
 .../admin-service/ui/vite.config.ts           |   9 -
 src/package.json                              |   8 +-
 src/pnpm-lock.yaml                            | 883 ++++++++++++++++--
 .../wizard/WizardPageCsrDetails.vue           |   2 +-
 .../admin-service/ui/src/filters.ts           |   2 +-
 .../admin-service/ui/src/main.ts              |   2 +-
 .../admin-service/ui/src/plugins/i18n.ts      |  25 +-
 .../ui/src/plugins/vee-validate.ts            |   2 +-
 .../admin-service/ui/src/router.ts            |   2 +-
 .../ui/src/store/modules/clients.ts           |   2 +-
 .../ui/src/store/modules/user.ts              |   2 +-
 .../ServiceDescriptionDetails.vue             |   2 +-
 src/shared-ui/package.json                    |   2 +-
 src/shared-ui/src/components/XrdButton.vue    |   2 +-
 src/shared-ui/src/main.ts                     |   2 +-
 43 files changed, 1108 insertions(+), 768 deletions(-)
 delete mode 100644 src/central-server/admin-service/ui/tests/unit/components/certificationServices/EditAcmeServerDialog.spec.ts
 delete mode 100644 src/central-server/admin-service/ui/tests/unit/plugins/vee-validate.spec.ts
 delete mode 100644 src/central-server/admin-service/ui/tests/unit/views/TrustServices/CertificationService/CertificationServiceSettings.spec.ts

diff --git a/src/central-server/admin-service/ui/package.json b/src/central-server/admin-service/ui/package.json
index e35e5e6aa5..782f77512b 100644
--- a/src/central-server/admin-service/ui/package.json
+++ b/src/central-server/admin-service/ui/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "vite --host",
-    "build": "pnpm run generate-types && vitest --run && vite build",
+    "build": "pnpm run generate-types && vite build",
     "preview": "vite preview",
     "build-only": "vite build",
     "test": "vitest",
diff --git a/src/central-server/admin-service/ui/src/components/certificationServices/AddCertificationServiceDialog.vue b/src/central-server/admin-service/ui/src/components/certificationServices/AddCertificationServiceDialog.vue
index e858a25acb..4728b1891a 100644
--- a/src/central-server/admin-service/ui/src/components/certificationServices/AddCertificationServiceDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/certificationServices/AddCertificationServiceDialog.vue
@@ -31,26 +31,18 @@
       cancel-button-text="action.cancel"
       save-button-text="action.upload"
       title="trustServices.addCertificationService"
-      :disable-save="certFile === null"
+      submittable
+      :disable-save="!certFile"
       @save="onUpload"
-      @cancel="cancel"
+      @cancel="$emit('cancel')"
     >
       <template #content>
         <div class="dlg-input-width">
-          <xrd-file-upload
-            v-slot="{ upload }"
-            accepts=".der, .crt, .pem, .cer"
-            @file-changed="onFileUploaded"
-          >
-            <v-text-field
-              v-model:file="certFileTitle"
-              variant="outlined"
-              autofocus
-              :label="$t('trustServices.uploadCertificate')"
-              append-inner-icon="icon-Upload"
-              @click="upload"
-            />
-          </xrd-file-upload>
+          <CertificateFileUpload
+            v-model:file="certFile"
+            label-key="trustServices.uploadCertificate"
+            autofocus
+          />
         </div>
       </template>
     </xrd-simple-dialog>
@@ -60,19 +52,22 @@
       cancel-button-text="action.cancel"
       save-button-text="action.save"
       title="trustServices.caSettings"
+      submittable
       :disable-save="!meta.valid"
       :loading="loading"
       @save="onSave"
-      @cancel="cancel"
+      @cancel="$emit('cancel')"
     >
       <template #content>
         <div class="dlg-input-width">
           <v-checkbox
             v-model="tlsAuthOnly"
+            v-bind="tlsAuthOnlyAttrs"
             :label="$t('trustServices.addCASettingsCheckbox')"
           />
           <v-text-field
-            v-bind="certProfileRef"
+            v-model="certProfile"
+            v-bind="certProfileAttrs"
             variant="outlined"
             :label="$t('trustServices.certProfileInput')"
             :hint="$t('trustServices.certProfileInputExplanation')"
@@ -88,10 +83,9 @@
           />
           <v-sheet v-show="isAcme">
             <v-text-field
-              v-bind="acmeServerDirectoryUrlRef"
-              :label="
-                $t('trustServices.trustService.settings.acmeServerDirectoryUrl')
-              "
+              v-model="acmeServerDirectoryUrl"
+              v-bind="acmeServerDirectoryUrlAttrs"
+              :label="$t('fields.acmeServerDirectoryUrl')"
               :hint="$t('trustServices.acmeServerDirectoryUrlExplanation')"
               persistent-hint
               variant="outlined"
@@ -99,10 +93,9 @@
               class="py-4"
             />
             <v-text-field
-              v-bind="acmeServerIpAddressRef"
-              :label="
-                $t('trustServices.trustService.settings.acmeServerIpAddress')
-              "
+              v-model="acmeServerIpAddress"
+              v-bind="acmeServerIpAddressAttrs"
+              :label="$t('fields.acmeServerIpAddress')"
               :hint="$t('trustServices.acmeServerIpAddressExplanation')"
               persistent-hint
               variant="outlined"
@@ -115,124 +108,82 @@
   </main>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent, ref } from 'vue';
-import { FileUploadResult, XrdFileUpload } from '@niis/shared-ui';
-import { Event } from '@/ui-types';
-import { PublicPathState, useField, useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+<script lang="ts" setup>
+import { computed, ref } from 'vue';
+import { useForm } from 'vee-validate';
+import { useBasicForm, useFileRef } from '@/util/composables';
+import CertificateFileUpload from '@/components/ui/CertificateFileUpload.vue';
+import { useCertificationService } from '@/store/modules/trust-services';
 
-export default defineComponent({
-  components: { XrdFileUpload },
-  emits: ['cancel', 'add'],
-  setup() {
-    const isAcme = ref(false);
-    const validationSchema = computed(() => {
-      return isAcme.value
-        ? {
-            certProfile: 'required',
-            acmeServerDirectoryUrl: 'required|url',
-            acmeServerIpAddress: 'ipAddresses',
-          }
-        : {
-            certProfile: 'required',
-          };
-    });
-    const { meta, values, defineComponentBinds, resetForm } = useForm({
-      validationSchema,
-      initialValues: {
-        certProfile: '',
-        acmeServerDirectoryUrl: '',
-        acmeServerIpAddress: '',
-      },
-    });
-    useField('certProfile', undefined, {
-      label: i18n.global.t('trustServices.certProfileInput'),
-    });
-    useField('acmeServerDirectoryUrl', undefined, {
-      label: i18n.global.t(
-        'trustServices.trustService.settings.acmeServerDirectoryUrl',
-      ),
-    });
-    useField('acmeServerIpAddress', undefined, {
-      label: i18n.global.t(
-        'trustServices.trustService.settings.acmeServerIpAddress',
-      ),
-    });
-    const componentConfig = {
-      mapProps: (state: PublicPathState) => ({
-        'error-messages': state.errors,
-      }),
-      validateOnModelUpdate: true,
-    };
-    const certProfileRef = defineComponentBinds('certProfile', componentConfig);
-    const acmeServerDirectoryUrlRef = defineComponentBinds(
-      'acmeServerDirectoryUrl',
-      componentConfig,
-    );
-    const acmeServerIpAddressRef = defineComponentBinds(
-      'acmeServerIpAddress',
-      componentConfig,
-    );
-    return {
-      meta,
-      values,
-      isAcme,
-      certProfileRef,
-      acmeServerDirectoryUrlRef,
-      acmeServerIpAddressRef,
-      resetForm,
-    };
+const emit = defineEmits(['save', 'cancel']);
+
+const commonValidation = { certProfile: 'required', tlsAuthOnly: '' };
+const acmeValidation = {
+  acmeServerDirectoryUrl: 'required|url',
+  acmeServerIpAddress: 'ipAddresses',
+};
+const isAcme = ref(false);
+const validationSchema = computed(() =>
+  isAcme.value ? { ...commonValidation, ...acmeValidation } : commonValidation,
+);
+
+const { meta, defineField, handleSubmit } = useForm({
+  validationSchema,
+  initialValues: {
+    tlsAuthOnly: false,
+    certProfile: '',
+    acmeServerDirectoryUrl: '',
+    acmeServerIpAddress: '',
   },
-  data() {
-    return {
-      showCASettingsDialog: false,
-      certFile: null as File | null,
-      certFileTitle: '',
-      tlsAuthOnly: false,
-      showUploadCertificateDialog: true,
-      loading: false,
-    };
+});
+const [tlsAuthOnly, tlsAuthOnlyAttrs] = defineField('tlsAuthOnly');
+const [certProfile, certProfileAttrs] = defineField('certProfile', {
+  props: (state) => ({ 'error-messages': state.errors }),
+  validateOnModelUpdate: true,
+});
+const [acmeServerDirectoryUrl, acmeServerDirectoryUrlAttrs] = defineField(
+  'acmeServerDirectoryUrl',
+  {
+    props: (state) => ({ 'error-messages': state.errors }),
+    validateOnModelUpdate: true,
   },
-  methods: {
-    onFileUploaded(result: FileUploadResult): void {
-      this.certFile = result.file;
-      this.certFileTitle = result.file.name;
-    },
-    onUpload(): void {
-      this.showCASettingsDialog = true;
-      this.showUploadCertificateDialog = false;
-    },
-    onSave(): void {
-      if (this.certFile !== null) {
-        this.loading = true;
-        const certService = {
-          certificate: this.certFile,
-          tls_auth: this.tlsAuthOnly.toString(),
-          certificate_profile_info: this.values.certProfile,
-          acme_server_directory_url: this.values.acmeServerDirectoryUrl,
-          acme_server_ip_address: this.values.acmeServerIpAddress,
-        };
-        this.$emit('add', certService, {
-          done: () => {
-            this.loading = false;
-            this.clearForm();
-          },
-        });
-      }
-    },
-    cancel(): void {
-      this.$emit('cancel');
-      this.clearForm();
-    },
-    clearForm(): void {
-      this.certFile = null as File | null;
-      this.resetForm();
-      this.tlsAuthOnly = false;
-      this.isAcme = false;
-      this.certFileTitle = '';
-    },
+);
+const [acmeServerIpAddress, acmeServerIpAddressAttrs] = defineField(
+  'acmeServerIpAddress',
+  {
+    props: (state) => ({ 'error-messages': state.errors }),
+    validateOnModelUpdate: true,
   },
+);
+
+const { loading, showSuccess, showError, t } = useBasicForm();
+const { add } = useCertificationService();
+
+const showCASettingsDialog = ref(false);
+const showUploadCertificateDialog = ref(true);
+const certFile = useFileRef();
+
+function onUpload(): void {
+  showCASettingsDialog.value = true;
+  showUploadCertificateDialog.value = false;
+}
+
+const onSave = handleSubmit((values) => {
+  if (certFile.value) {
+    loading.value = true;
+    const certService = {
+      certificate: certFile.value,
+      tls_auth: values.tlsAuthOnly.toString(),
+      certificate_profile_info: values.certProfile,
+      acme_server_directory_url: values.acmeServerDirectoryUrl,
+      acme_server_ip_address: values.acmeServerIpAddress,
+    };
+    add(certService)
+      .then(() => showSuccess(t('trustServices.certImportedSuccessfully')))
+      .then(() => emit('save'))
+      .catch((error) => showError(error))
+      .finally(() => (loading.value = false));
+  }
 });
 </script>
 
diff --git a/src/central-server/admin-service/ui/src/components/certificationServices/EditAcmeServerDialog.vue b/src/central-server/admin-service/ui/src/components/certificationServices/EditAcmeServerDialog.vue
index a6c2d7f7d7..c5e859cc41 100644
--- a/src/central-server/admin-service/ui/src/components/certificationServices/EditAcmeServerDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/certificationServices/EditAcmeServerDialog.vue
@@ -26,13 +26,13 @@
  -->
 <template>
   <xrd-simple-dialog
-    :dialog="true"
     title="trustServices.caSettings"
     save-button-text="action.save"
     cancel-button-text="action.cancel"
+    submittable
     :loading="loading"
-    :disable-save="!meta.valid"
-    @cancel="cancelEdit"
+    :disable-save="!meta.valid || !meta.dirty"
+    @cancel="$emit('cancel')"
     @save="updateCertificationServiceSettings"
   >
     <template #content>
@@ -46,132 +46,94 @@
         />
         <v-sheet v-show="isAcme">
           <v-text-field
-            v-bind="acmeServerDirectoryUrlRef"
-            variant="outlined"
-            :label="
-              $t('trustServices.trustService.settings.acmeServerDirectoryUrl')
-            "
-            :hint="$t('trustServices.acmeServerDirectoryUrlExplanation')"
-            persistent-hint
+            v-model="acmeServerDirectoryUrl"
+            v-bind="acmeServerDirectoryUrlAttrs"
             class="py-4"
             data-test="acme-server-directory-url-input"
-          ></v-text-field>
+            variant="outlined"
+            autofocus
+            persistent-hint
+            :label="$t('fields.acmeServerDirectoryUrl')"
+            :hint="$t('trustServices.acmeServerDirectoryUrlExplanation')"
+          />
           <v-text-field
-            v-bind="acmeServerIpAddressRef"
+            v-model="acmeServerIpAddress"
+            v-bind="acmeServerIpAddressAttrs"
             variant="outlined"
-            :label="
-              $t('trustServices.trustService.settings.acmeServerIpAddress')
-            "
+            :label="$t('fields.acmeServerIpAddress')"
             :hint="$t('trustServices.acmeServerIpAddressExplanation')"
             persistent-hint
             data-test="acme-server-ip-address-input"
-          ></v-text-field>
+          />
         </v-sheet>
       </div>
     </template>
   </xrd-simple-dialog>
 </template>
 
-<script lang="ts">
-import { computed, defineComponent, ref } from 'vue';
-import { mapActions, mapStores } from 'pinia';
+<script lang="ts" setup>
+import { computed, PropType, ref } from 'vue';
 import { useCertificationService } from '@/store/modules/trust-services';
 import { ApprovedCertificationService } from '@/openapi-types';
-import { useNotifications } from '@/store/modules/notifications';
-import { PublicPathState, useField, useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+import { useForm } from 'vee-validate';
+import { useBasicForm } from '@/util/composables';
 
-export default defineComponent({
-  props: {
-    certificationService: {
-      type: Object as null | (() => ApprovedCertificationService),
-      required: true,
-    },
+const props = defineProps({
+  certificationService: {
+    type: Object as PropType<ApprovedCertificationService>,
+    required: true,
   },
-  emits: ['cancel', 'tls-auth-changed'],
-  setup(props) {
-    const isAcme = ref(!!props.certificationService.acme_server_directory_url);
-    const validationSchema = computed(() => {
-      return isAcme.value
-        ? {
-            acmeServerDirectoryUrl: 'required|url',
-            acmeServerIpAddress: 'ipAddresses',
-          }
-        : {};
-    });
-    const { meta, values, defineComponentBinds, resetForm } = useForm({
-      validationSchema,
-      initialValues: {
-        acmeServerDirectoryUrl:
-          props.certificationService.acme_server_directory_url,
-        acmeServerIpAddress: props.certificationService.acme_server_ip_address,
-      },
-    });
-    useField('acmeServerDirectoryUrl', undefined, {
-      label: i18n.global.t(
-        'trustServices.trustService.settings.acmeServerDirectoryUrl',
-      ),
-    });
-    useField('acmeServerIpAddress', undefined, {
-      label: i18n.global.t('trustServices.trustService.settings.acmeServerIpAddress'),
-    });
-    const componentConfig = {
-      mapProps: (state: PublicPathState) => ({
-        'error-messages': state.errors,
-      }),
-    };
-    const acmeServerDirectoryUrlRef = defineComponentBinds(
-      'acmeServerDirectoryUrl',
-      componentConfig,
-    );
-    const acmeServerIpAddressRef = defineComponentBinds(
-      'acmeServerIpAddress',
-      componentConfig,
-    );
-    return {
-      meta,
-      values,
-      isAcme,
-      acmeServerDirectoryUrlRef,
-      acmeServerIpAddressRef,
-      resetForm,
-    };
-  },
-  data() {
-    return {
-      loading: false,
-    };
+});
+
+const emit = defineEmits(['cancel', 'tls-auth-changed']);
+const { loading, t, showSuccess, showError } = useBasicForm();
+const isAcme = ref(!!props.certificationService.acme_server_directory_url);
+const validationSchema = computed(() => {
+  return isAcme.value
+    ? {
+        acmeServerDirectoryUrl: 'required|url',
+        acmeServerIpAddress: 'ipAddresses',
+      }
+    : {};
+});
+
+const { meta, defineField, handleSubmit } = useForm({
+  validationSchema,
+  initialValues: {
+    acmeServerDirectoryUrl:
+      props.certificationService.acme_server_directory_url,
+    acmeServerIpAddress: props.certificationService.acme_server_ip_address,
   },
-  computed: {
-    ...mapStores(useCertificationService),
+});
+
+const [acmeServerDirectoryUrl, acmeServerDirectoryUrlAttrs] = defineField(
+  'acmeServerDirectoryUrl',
+  {
+    props: (state) => ({ 'error-messages': state.errors }),
   },
-  methods: {
-    ...mapActions(useNotifications, ['showError', 'showSuccess']),
-    cancelEdit(): void {
-      this.$emit('cancel');
-    },
-    updateCertificationServiceSettings(): void {
-      this.loading = true;
-      this.certificationServiceStore
-        .update(this.certificationService.id, {
-          acme_server_directory_url: this.isAcme
-            ? this.values.acmeServerDirectoryUrl
-            : '',
-          acme_server_ip_address: this.isAcme
-            ? this.values.acmeServerIpAddress
-            : '',
-        })
-        .then(() => {
-          this.showSuccess(
-            this.$t('trustServices.trustService.settings.saveSuccess'),
-          );
-          this.$emit('tls-auth-changed');
-        })
-        .catch((error) => {
-          this.showError(error);
-        })
-        .finally(() => (this.loading = false));
-    },
+);
+const [acmeServerIpAddress, acmeServerIpAddressAttrs] = defineField(
+  'acmeServerIpAddress',
+  {
+    props: (state) => ({ 'error-messages': state.errors }),
   },
+);
+
+const { update } = useCertificationService();
+
+const updateCertificationServiceSettings = handleSubmit((values) => {
+  loading.value = true;
+  update(props.certificationService.id, {
+    acme_server_directory_url: isAcme.value
+      ? values.acmeServerDirectoryUrl
+      : '',
+    acme_server_ip_address: isAcme.value ? values.acmeServerIpAddress : '',
+  })
+    .then(() => {
+      showSuccess(t('trustServices.trustService.settings.saveSuccess'));
+      emit('tls-auth-changed');
+    })
+    .catch((error) => showError(error))
+    .finally(() => (loading.value = false));
 });
 </script>
diff --git a/src/central-server/admin-service/ui/src/components/certificationServices/EditCertProfileDialog.vue b/src/central-server/admin-service/ui/src/components/certificationServices/EditCertProfileDialog.vue
index 7497f93691..21d9209544 100644
--- a/src/central-server/admin-service/ui/src/components/certificationServices/EditCertProfileDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/certificationServices/EditCertProfileDialog.vue
@@ -53,16 +53,16 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { ref, PropType } from 'vue';
 import { useForm } from 'vee-validate';
 import { useCertificationService } from '@/store/modules/trust-services';
 import { ApprovedCertificationService } from '@/openapi-types';
 import { useNotifications } from '@/store/modules/notifications';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const props = defineProps({
   certificationService: {
-    type: Object as () => ApprovedCertificationService,
+    type: Object as PropType<ApprovedCertificationService>,
     required: true,
   },
 });
diff --git a/src/central-server/admin-service/ui/src/components/certificationServices/EditTlsAuthDialog.vue b/src/central-server/admin-service/ui/src/components/certificationServices/EditTlsAuthDialog.vue
index 7e89889a19..94ff7965b3 100644
--- a/src/central-server/admin-service/ui/src/components/certificationServices/EditTlsAuthDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/certificationServices/EditTlsAuthDialog.vue
@@ -51,12 +51,12 @@
 </template>
 
 <script lang="ts" setup>
-import { ref } from 'vue';
+import { PropType, ref } from 'vue';
 import { useForm } from 'vee-validate';
 import { useCertificationService } from '@/store/modules/trust-services';
 import { ApprovedCertificationService } from '@/openapi-types';
 import { useNotifications } from '@/store/modules/notifications';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const props = defineProps({
   certificationService: {
diff --git a/src/central-server/admin-service/ui/src/components/managementRequests/MrConfirmDialog.vue b/src/central-server/admin-service/ui/src/components/managementRequests/MrConfirmDialog.vue
index ade523a6b6..31f0b6ecd9 100644
--- a/src/central-server/admin-service/ui/src/components/managementRequests/MrConfirmDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/managementRequests/MrConfirmDialog.vue
@@ -40,7 +40,7 @@
 import { ref, computed } from 'vue';
 import { useManagementRequests } from '@/store/modules/management-requests';
 import { useNotifications } from '@/store/modules/notifications';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 /**
  * General component for Management request actions
diff --git a/src/central-server/admin-service/ui/src/components/managementRequests/MrDeclineDialog.vue b/src/central-server/admin-service/ui/src/components/managementRequests/MrDeclineDialog.vue
index dccd8d72d4..f88b9f0890 100644
--- a/src/central-server/admin-service/ui/src/components/managementRequests/MrDeclineDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/managementRequests/MrDeclineDialog.vue
@@ -40,7 +40,7 @@
 import { ref, computed } from 'vue';
 import { useManagementRequests } from '@/store/modules/management-requests';
 import { useNotifications } from '@/store/modules/notifications';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 /**
  * General component for Management request actions
diff --git a/src/central-server/admin-service/ui/src/components/securityServers/DeleteAuthenticationCertificateDialog.vue b/src/central-server/admin-service/ui/src/components/securityServers/DeleteAuthenticationCertificateDialog.vue
index f50f128bc1..fe1cd61229 100644
--- a/src/central-server/admin-service/ui/src/components/securityServers/DeleteAuthenticationCertificateDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/securityServers/DeleteAuthenticationCertificateDialog.vue
@@ -68,7 +68,7 @@ import { useNotifications } from '@/store/modules/notifications';
 import { useSecurityServerAuthCert } from '@/store/modules/security-servers-authentication-certificates';
 import { ref, PropType } from 'vue';
 import { useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const props = defineProps({
   authenticationCertificateId: {
diff --git a/src/central-server/admin-service/ui/src/components/timestampingServices/EditTimestampingServiceDialog.vue b/src/central-server/admin-service/ui/src/components/timestampingServices/EditTimestampingServiceDialog.vue
index 672d166ad4..e56aba4b38 100644
--- a/src/central-server/admin-service/ui/src/components/timestampingServices/EditTimestampingServiceDialog.vue
+++ b/src/central-server/admin-service/ui/src/components/timestampingServices/EditTimestampingServiceDialog.vue
@@ -93,7 +93,7 @@ import { useTimestampingServicesStore } from '@/store/modules/trust-services';
 import { useForm } from 'vee-validate';
 import { useNotifications } from '@/store/modules/notifications';
 import CertificateFileUpload from '@/components/ui/CertificateFileUpload.vue';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import { useFileRef } from '@/util/composables';
 
 const props = defineProps({
diff --git a/src/central-server/admin-service/ui/src/components/ui/InfoCard.vue b/src/central-server/admin-service/ui/src/components/ui/InfoCard.vue
index fe3ed9dd6a..d0f0909028 100644
--- a/src/central-server/admin-service/ui/src/components/ui/InfoCard.vue
+++ b/src/central-server/admin-service/ui/src/components/ui/InfoCard.vue
@@ -26,7 +26,9 @@
  -->
 <template>
   <v-card class="details-card" flat>
-    <v-card-title data-test="info-card-title" class="card-title">{{ titleText }}</v-card-title>
+    <v-card-title data-test="info-card-title" class="card-title">{{
+      titleText
+    }}</v-card-title>
     <v-divider></v-divider>
     <v-card-text class="card-content">
       <div>
diff --git a/src/central-server/admin-service/ui/src/locales/en.json b/src/central-server/admin-service/ui/src/locales/en.json
index 67c0688d94..cf9ee150dc 100644
--- a/src/central-server/admin-service/ui/src/locales/en.json
+++ b/src/central-server/admin-service/ui/src/locales/en.json
@@ -279,7 +279,9 @@
     "serviceAddress": "Central Server address",
     "certProfile": "Certificate Profile Info",
     "certFile": "Certificate File",
-    "distinguishedName": "Distinguished Name"
+    "distinguishedName": "Distinguished Name",
+    "acmeServerDirectoryUrl": "ACME server directory URL",
+    "acmeServerIpAddress": "ACME server IP address(es)"
   },
   "filters": {
     "apply": "Apply",
@@ -830,9 +832,7 @@
         "certProfile": "Certificate profile info (fully qualified class name that implements the ee.ria.xroad.common.CertificateProfileInfoProvider interface)",
         "saveSuccess": "CA Settings successfully saved",
         "acmeCapable": "This CA can be used for ACME",
-        "acmeNotCapable": "This CA can not be used for ACME",
-        "acmeServerDirectoryUrl": "ACME server directory URL",
-        "acmeServerIpAddress": "ACME server IP address(es)"
+        "acmeNotCapable": "This CA can not be used for ACME"
       },
       "ocspResponders": {
         "url": "URL",
diff --git a/src/central-server/admin-service/ui/src/main.ts b/src/central-server/admin-service/ui/src/main.ts
index 0a63a684be..752edc1ec4 100644
--- a/src/central-server/admin-service/ui/src/main.ts
+++ b/src/central-server/admin-service/ui/src/main.ts
@@ -41,9 +41,9 @@ import '@fontsource/open-sans/700.css';
 import '@fontsource/open-sans';
 import { createPinia } from 'pinia';
 import { createPersistedState } from 'pinia-plugin-persistedstate';
-import { createValidators } from '@/plugins/vee-validate';
+import validation from '@/plugins/vee-validate';
 import vuetify from '@/plugins/vuetify';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import {
   XrdButton,
   XrdCloseButton,
@@ -77,8 +77,8 @@ app.use(pinia);
 app.use(router);
 app.use(vuetify);
 app.use(i18n);
+app.use(validation);
 app.use(createFilters());
-app.use(createValidators());
 //icons
 app.component('XrdIconFolderOutline', XrdIconFolderOutline);
 app.component('XrdIconBase', XrdIconBase);
diff --git a/src/central-server/admin-service/ui/src/plugins/i18n.ts b/src/central-server/admin-service/ui/src/plugins/i18n.ts
index af83b15b7f..6cabfc32bb 100644
--- a/src/central-server/admin-service/ui/src/plugins/i18n.ts
+++ b/src/central-server/admin-service/ui/src/plugins/i18n.ts
@@ -36,12 +36,11 @@ const validation = { validation: veeEn };
 type Shared = typeof messages.en;
 type Vee = typeof validation;
 type En = typeof en;
-type MessageSchema = Vee & Shared & En;
+export type MessageSchema = Vee & Shared & En;
 
 let common = merge(validation, messages.en);
 common = merge(common, en);
-
-export default createI18n<[MessageSchema], 'en'>({
+export const i18n = createI18n<[MessageSchema], 'en'>({
   legacy: false,
   locale: import.meta.env.VITE_VUE_APP_I18N_LOCALE || 'en',
   fallbackLocale: import.meta.env.VITE_VUE_APP_I18N_FALLBACK_LOCALE || 'en',
diff --git a/src/central-server/admin-service/ui/src/plugins/vee-validate.ts b/src/central-server/admin-service/ui/src/plugins/vee-validate.ts
index 8f94b67500..d566a13e85 100644
--- a/src/central-server/admin-service/ui/src/plugins/vee-validate.ts
+++ b/src/central-server/admin-service/ui/src/plugins/vee-validate.ts
@@ -27,89 +27,85 @@
 import { configure, defineRule } from 'vee-validate';
 import { between, is, max, min, required, url } from '@vee-validate/rules';
 import { isIP } from 'is-ip';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import { FieldValidationMetaInfo } from '@vee-validate/i18n';
 
-export function createValidators(i18nMessages = {}) {
-  const { t } = i18n.global;
-  return {
-    install() {
-      configure({
-        generateMessage: (ctx: FieldVlidationMetaInfo) => {
-          // override the field name.
+function _param(params: unknown, idx: number): unknown {
+  if (params) {
+    return (params as unknown[])[idx];
+  }
+  return undefined;
+}
 
-          const field =
-            ctx.label || (i18n.global.t(`fields.${ctx.field}`) as string);
-          const args: Record<string, unknown> = { field };
-          switch (ctx.rule?.name) {
-            case 'max':
-            case 'min': {
-              args.length = _param(ctx.rule.params, 0);
-              break;
-            }
-            case 'is': {
-              args.other = _param(ctx.rule.params, 0);
-              break;
-            }
-            case 'between': {
-              args.min = _param(ctx.rule.params, 0);
-              args.max = _param(ctx.rule.params, 1);
-              break;
-            }
+export default {
+  install() {
+    const { t } = i18n.global;
+    configure({
+      generateMessage: (ctx: FieldValidationMetaInfo) => {
+        // override the field name.
+        const field = ctx.label || (t(`fields.${ctx.field}`) as string);
+        const args: Record<string, unknown> = { field };
+        switch (ctx.rule?.name) {
+          case 'max':
+          case 'min': {
+            args.length = _param(ctx.rule.params, 0);
+            break;
+          }
+          case 'is': {
+            args.other = _param(ctx.rule.params, 0);
+            break;
+          }
+          case 'between': {
+            args.min = _param(ctx.rule.params, 0);
+            args.max = _param(ctx.rule.params, 1);
+            break;
           }
-          return t(`validation.messages.${ctx.rule?.name}`, args) as string;
-        },
-      });
-
-      function _param(params: unknown, idx: number): unknown {
-        if (params) {
-          return (params as unknown[])[idx];
         }
-        return undefined;
-      }
+        return t(`validation.messages.${ctx.rule?.name}`, args) as string;
+      },
+    });
+
+    // Install required rule and message.
+    defineRule('required', required);
 
-      // Install required rule and message.
-      defineRule('required', required);
+    // Install min rule and message.
+    defineRule('min', min);
 
-      // Install min rule and message.
-      defineRule('min', min);
+    // Install max rule and message.
+    defineRule('max', max);
 
-      // Install max rule and message.
-      defineRule('max', max);
+    // Install between rule and message.
+    defineRule('between', between);
 
-      // Install between rule and message.
-      defineRule('between', between);
+    // Install is rule and message.
+    defineRule('is', is);
 
-      // Install is rule and message.
-      defineRule('is', is);
+    defineRule('url', url);
 
-      defineRule('url', url);
+    defineRule('ipAddresses', (value: string) => {
+      if (!value) {
+        return true;
+      }
+      for (const ipAddress of value.split(',')) {
+        if (!isIP(ipAddress.trim())) {
+          return t('customValidation.invalidIpAddress');
+        }
+      }
+      return true;
+    });
 
-      defineRule('ipAddresses', (value: string) => {
+    defineRule(
+      'address',
+      (value: string, params: unknown, ctx: FieldValidationMetaInfo) => {
         if (!value) {
           return true;
         }
-        for (const ipAddress of value.split(',')) {
-          if (!isIP(ipAddress.trim())) {
-            return i18n.global.t('customValidation.invalidIpAddress');
-          }
+        if (/[^a-zA-Z\d-.]/.test(value)) {
+          const field = t('fields.' + ctx.field);
+          return t('validation.messages.address', { field });
         }
         return true;
-      });
-
-      defineRule(
-        'address',
-        (value: string, params: unknown, ctx: FieldValidationMetaInfo) => {
-          if (!value) {
-            return true;
-          }
-          if (/[^a-zA-Z\d-.]/.test(value)) {
-            const field = t('fields.' + ctx.field);
-            return t('validation.messages.address', { field });
-          }
-          return true;
-        },
-      );
-    },
-  };
-}
+      },
+    );
+  },
+};
diff --git a/src/central-server/admin-service/ui/src/store/modules/trust-services.ts b/src/central-server/admin-service/ui/src/store/modules/trust-services.ts
index 1f7e2a4b30..22facf36e2 100644
--- a/src/central-server/admin-service/ui/src/store/modules/trust-services.ts
+++ b/src/central-server/admin-service/ui/src/store/modules/trust-services.ts
@@ -242,7 +242,7 @@ export interface TimestampingServicesStoreState {
 export const useTimestampingServicesStore = defineStore(
   'timestampingServices',
   {
-    state: (): TimestampingServiceStoreState => ({
+    state: (): TimestampingServicesStoreState => ({
       timestampingServices: [],
     }),
     persist: true,
diff --git a/src/central-server/admin-service/ui/src/util/composables.ts b/src/central-server/admin-service/ui/src/util/composables.ts
index 3974c1c9cd..98154f09c6 100644
--- a/src/central-server/admin-service/ui/src/util/composables.ts
+++ b/src/central-server/admin-service/ui/src/util/composables.ts
@@ -28,6 +28,7 @@
 import { ref, Ref } from 'vue';
 import { TranslateResult, useI18n } from 'vue-i18n';
 import { useNotifications } from '@/store/modules/notifications';
+import { MessageSchema } from '@/plugins/i18n';
 
 type BasicForm = {
   loading: Ref<boolean>;
@@ -38,8 +39,9 @@ type BasicForm = {
 
 export function useBasicForm(): BasicForm {
   const { showSuccess, showError } = useNotifications();
-  const { t } = useI18n();
+  const { t } = useI18n<{ message: MessageSchema }>({ useScope: 'global' });
   const loading = ref(false);
+
   return { showSuccess, showError, loading, t };
 }
 
diff --git a/src/central-server/admin-service/ui/src/util/helpers.ts b/src/central-server/admin-service/ui/src/util/helpers.ts
index 512ab9f931..d00241e7fa 100644
--- a/src/central-server/admin-service/ui/src/util/helpers.ts
+++ b/src/central-server/admin-service/ui/src/util/helpers.ts
@@ -29,7 +29,7 @@
 import { NavigationFailure } from 'vue-router';
 import { ClientId, ErrorInfo, ManagementRequestType } from '@/openapi-types';
 import { AxiosError, AxiosResponse } from 'axios';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import dayjs from 'dayjs';
 
 // Save response data as a file
diff --git a/src/central-server/admin-service/ui/src/views/Members/Member/AddMemberDialog.vue b/src/central-server/admin-service/ui/src/views/Members/Member/AddMemberDialog.vue
index 1ff683ad2c..b210d0b89e 100644
--- a/src/central-server/admin-service/ui/src/views/Members/Member/AddMemberDialog.vue
+++ b/src/central-server/admin-service/ui/src/views/Members/Member/AddMemberDialog.vue
@@ -79,7 +79,7 @@ import {
 } from '@/util/helpers';
 import { AxiosError } from 'axios';
 import { useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const emits = defineEmits(['save', 'cancel']);
 const { defineField, setFieldError, meta, resetForm, handleSubmit } = useForm({
diff --git a/src/central-server/admin-service/ui/src/views/Members/Member/Details/DeleteMemberDialog.vue b/src/central-server/admin-service/ui/src/views/Members/Member/Details/DeleteMemberDialog.vue
index 5bed335d6d..90ecf6ab15 100644
--- a/src/central-server/admin-service/ui/src/views/Members/Member/Details/DeleteMemberDialog.vue
+++ b/src/central-server/admin-service/ui/src/views/Members/Member/Details/DeleteMemberDialog.vue
@@ -64,7 +64,7 @@ import { toIdentifier } from '@/util/helpers';
 import { useNotifications } from '@/store/modules/notifications';
 import { useForm } from 'vee-validate';
 import { RouteName } from '@/global';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const props = defineProps({
   member: {
diff --git a/src/central-server/admin-service/ui/src/views/Members/Member/Details/EditMemberNameDialog.vue b/src/central-server/admin-service/ui/src/views/Members/Member/Details/EditMemberNameDialog.vue
index 09a19a8d00..c8061605ee 100644
--- a/src/central-server/admin-service/ui/src/views/Members/Member/Details/EditMemberNameDialog.vue
+++ b/src/central-server/admin-service/ui/src/views/Members/Member/Details/EditMemberNameDialog.vue
@@ -57,7 +57,7 @@ import { useNotifications } from '@/store/modules/notifications';
 import { toIdentifier } from '@/util/helpers';
 import { PropType, ref } from 'vue';
 import { useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const props = defineProps({
   member: {
diff --git a/src/central-server/admin-service/ui/src/views/Members/Member/Subsystems/AddMemberSubsystemDialog.vue b/src/central-server/admin-service/ui/src/views/Members/Member/Subsystems/AddMemberSubsystemDialog.vue
index 86f2a0ce84..2249825fcf 100644
--- a/src/central-server/admin-service/ui/src/views/Members/Member/Subsystems/AddMemberSubsystemDialog.vue
+++ b/src/central-server/admin-service/ui/src/views/Members/Member/Subsystems/AddMemberSubsystemDialog.vue
@@ -55,7 +55,7 @@ import { ClientId } from '@/openapi-types';
 import { useNotifications } from '@/store/modules/notifications';
 import { useSubsystem } from '@/store/modules/subsystems';
 import { useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 const props = defineProps({
   member: {
diff --git a/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/DeleteSecurityServerDialog.vue b/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/DeleteSecurityServerDialog.vue
index 6d6ebd1746..323af4cdba 100644
--- a/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/DeleteSecurityServerDialog.vue
+++ b/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/DeleteSecurityServerDialog.vue
@@ -71,7 +71,7 @@ import { useSecurityServer } from '@/store/modules/security-servers';
 import { useNotifications } from '@/store/modules/notifications';
 import { useForm } from 'vee-validate';
 import { RouteName } from '@/global';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 /**
  * Component for a Security server details view
diff --git a/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/EditSecurityServerAddressDialog.vue b/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/EditSecurityServerAddressDialog.vue
index f4f263612f..ee1539b6c8 100644
--- a/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/EditSecurityServerAddressDialog.vue
+++ b/src/central-server/admin-service/ui/src/views/SecurityServers/SecurityServer/EditSecurityServerAddressDialog.vue
@@ -67,7 +67,7 @@ import {
 } from '@/util/helpers';
 import { AxiosError } from 'axios';
 import { useForm } from 'vee-validate';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 /**
  * Component for a Security server details view
diff --git a/src/central-server/admin-service/ui/src/views/TrustServices/CertificationService/CertificationServiceSettings.vue b/src/central-server/admin-service/ui/src/views/TrustServices/CertificationService/CertificationServiceSettings.vue
index a491d82134..593be21829 100644
--- a/src/central-server/admin-service/ui/src/views/TrustServices/CertificationService/CertificationServiceSettings.vue
+++ b/src/central-server/admin-service/ui/src/views/TrustServices/CertificationService/CertificationServiceSettings.vue
@@ -61,13 +61,13 @@
     >
       <v-row>
         <v-col cols="6">
-          {{ $t('trustServices.trustService.settings.acmeServerDirectoryUrl') }}
+          {{ $t('fields.acmeServerDirectoryUrl') }}
         </v-col>
         <v-col cols="6" data-test="acme-server-directory-url">
           {{ currentCertificationService?.acme_server_directory_url || '-' }}
         </v-col>
         <v-col cols="6">
-          {{ $t('trustServices.trustService.settings.acmeServerIpAddress') }}
+          {{ $t('fields.acmeServerIpAddress') }}
         </v-col>
         <v-col cols="6" data-test="acme-server-ip-address">
           {{ currentCertificationService?.acme_server_ip_address || '-' }}
@@ -76,27 +76,21 @@
     </info-card>
 
     <EditTlsAuthDialog
-      v-if="
-        showEditTlsAuthDialog &&
-        certificationServiceStore.currentCertificationService
-      "
+      v-if="showEditTlsAuthDialog && currentCertificationService"
       :certification-service="currentCertificationService"
       @cancel="hideEditTlsAuthDialog"
       @save="hideEditTlsAuthDialog"
     ></EditTlsAuthDialog>
 
     <EditCertProfileDialog
-      v-if="
-        showEditCertProfileDialog &&
-        certificationServiceStore.currentCertificationService
-      "
+      v-if="showEditCertProfileDialog && currentCertificationService"
       :certification-service="currentCertificationService"
       @cancel="hideEditCertProfileDialog"
       @save="hideEditCertProfileDialog"
     ></EditCertProfileDialog>
 
     <EditAcmeServerDialog
-      v-if="showEditAcmeServerDialog"
+      v-if="showEditAcmeServerDialog && currentCertificationService"
       :certification-service="currentCertificationService"
       @cancel="hideEditAcmeServerDialog"
       @tls-auth-changed="hideEditAcmeServerDialog"
@@ -139,7 +133,7 @@ export default defineComponent({
     allowEditSettings(): boolean {
       return this.hasPermission(Permissions.EDIT_APPROVED_CA);
     },
-    acmeCardTitle() {
+    acmeCardTitle(): string {
       return this.currentCertificationService?.acme_server_directory_url
         ? this.$t('trustServices.trustService.settings.acmeCapable')
         : this.$t('trustServices.trustService.settings.acmeNotCapable');
diff --git a/src/central-server/admin-service/ui/tests/unit/components/certificationServices/EditAcmeServerDialog.spec.ts b/src/central-server/admin-service/ui/tests/unit/components/certificationServices/EditAcmeServerDialog.spec.ts
deleted file mode 100644
index bb9f833d6b..0000000000
--- a/src/central-server/admin-service/ui/tests/unit/components/certificationServices/EditAcmeServerDialog.spec.ts
+++ /dev/null
@@ -1,112 +0,0 @@
-/*
- * The MIT License
- *
- * Copyright (c) 2019- Nordic Institute for Interoperability Solutions (NIIS)
- * Copyright (c) 2018 Estonian Information System Authority (RIA),
- * Nordic Institute for Interoperability Solutions (NIIS), Population Register Centre (VRK)
- * Copyright (c) 2015-2017 Estonian Information System Authority (RIA), Population Register Centre (VRK)
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-import { flushPromises, mount } from '@vue/test-utils';
-import EditAcmeServerDialog from '@/components/certificationServices/EditAcmeServerDialog.vue';
-import { createValidators } from '@/plugins/vee-validate';
-import { XrdSimpleDialog } from '@niis/shared-ui';
-import { createVuetify } from 'vuetify';
-import { components } from 'vuetify/components';
-import { directives } from 'vuetify/directives';
-import waitForExpect from 'wait-for-expect';
-import i18n from '@/plugins/i18n';
-
-const vuetify = createVuetify({
-  components,
-  directives,
-});
-createValidators().install({});
-
-function getWrapper(
-  acmeServerDirectoryUrl: string,
-  acmeServerIpAddress: string,
-) {
-  return mount(EditAcmeServerDialog, {
-    props: {
-      certificationService: {
-        acme_server_directory_url: acmeServerDirectoryUrl,
-        acme_server_ip_address: acmeServerIpAddress,
-      },
-    },
-    global: {
-      components: {
-        XrdSimpleDialog,
-      },
-      plugins: [vuetify, i18n],
-    },
-  });
-}
-
-describe('EditAcmeServerDialog', () => {
-  it('should have correct values in the form', async () => {
-    const acmeServerDirectoryUrl = 'https://test-ca/acme';
-    const acmeServerIpAddress = '1.2.3.4';
-    const wrapper = getWrapper(acmeServerDirectoryUrl, acmeServerIpAddress);
-
-    expect(
-      wrapper.getComponent('[data-test="acme-checkbox"]').get('input').element
-        .checked,
-    ).toBeTruthy(true);
-    expect(
-      wrapper
-        .getComponent('[data-test="acme-server-directory-url-input"]')
-        .get('input').element.value,
-    ).toBe(acmeServerDirectoryUrl);
-    expect(
-      wrapper
-        .getComponent('[data-test="acme-server-ip-address-input"]')
-        .get('input').element.value,
-    ).toBe(acmeServerIpAddress);
-  });
-
-  it('should only require directory url field', async () => {
-    const wrapper = getWrapper('https://test-ca/acme', '1.2.3.4');
-
-    const directoryUrlTextField = wrapper
-      .getComponent('[data-test="acme-server-directory-url-input"]')
-      .get('input');
-    await directoryUrlTextField.setValue('');
-
-    await flushPromises();
-    const dialogSaveButton = wrapper.getComponent(
-      '[data-test="dialog-save-button"]',
-    );
-    await waitForExpect(() => {
-      expect(dialogSaveButton.attributes('disabled')).toBeDefined();
-    });
-
-    const ipAddressTextField = wrapper
-      .getComponent('[data-test="acme-server-ip-address-input"]')
-      .get('input');
-    await directoryUrlTextField.setValue('https://ca:9999/test-acme');
-    await ipAddressTextField.setValue('');
-    await flushPromises();
-    await waitForExpect(() => {
-      expect(dialogSaveButton.attributes('disabled')).toBeUndefined();
-    });
-  });
-});
diff --git a/src/central-server/admin-service/ui/tests/unit/plugins/vee-validate.spec.ts b/src/central-server/admin-service/ui/tests/unit/plugins/vee-validate.spec.ts
deleted file mode 100644
index 77458fdeb3..0000000000
--- a/src/central-server/admin-service/ui/tests/unit/plugins/vee-validate.spec.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
- * The MIT License
- *
- * Copyright (c) 2019- Nordic Institute for Interoperability Solutions (NIIS)
- * Copyright (c) 2018 Estonian Information System Authority (RIA),
- * Nordic Institute for Interoperability Solutions (NIIS), Population Register Centre (VRK)
- * Copyright (c) 2015-2017 Estonian Information System Authority (RIA), Population Register Centre (VRK)
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-import { createValidators } from '@/plugins/vee-validate';
-import { validate } from 'vee-validate';
-import en from '@/locales/en.json';
-
-describe('vee-validate', () => {
-  describe('ipAddresses', () => {
-    createValidators().install({});
-
-    it('should validate ip v4 correctly', async () => {
-      let result = await validate('192.3.4.XX', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.04.5', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('256.3.4.5', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.4.5.', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('-1.3.4.5', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.4', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.4.5', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-    });
-
-    it('should validate ip v6 correctly', async () => {
-      let result = await validate(
-        '1111:2222:3333:4444:AAAA:BBBB:CCCC:XXXX',
-        'ipAddresses',
-      );
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate(
-        '1111:2222:3333:4444:AAAA:BBBB:CCCC:FFFF:',
-        'ipAddresses',
-      );
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate(
-        '1111:2222:3333:4444:AAAA:CCCC:FFFF:',
-        'ipAddresses',
-      );
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('1111:222:3:::BBBB:C:FFF', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate(
-        '1111:2222:3333:4444:AAAA:BBBB:CCCC:FFFF',
-        'ipAddresses',
-      );
-      expect(result.errors[0]).toBe(undefined);
-      result = await validate('11:222:3:44:AAA:B9E8:C:FFF', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-      result = await validate('1234:3::BCDE:C:FFF', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-      result = await validate('Aa:bB::cd:EE:fFF', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-    });
-
-    it('should validate multiple ip-s correctly', async () => {
-      let result = await validate('12.3.4.5,192.3.04.XX', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('1:2:3:4:5:6:7.8,22:33::44:55:FF', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate(
-        '1.2.3.4,5.6.7.8,a:b:c:d:e:f:0:1,22:33:::44:55:FF',
-        'ipAddresses',
-      );
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.4.5,192.3.44.5,', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.4.5,,192.3.44.5', 'ipAddresses');
-      expect(result.errors[0]).toBe(en.customValidation.invalidIpAddress);
-      result = await validate('12.3.4.5,6.7.8.9', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-      result = await validate('12.3.4.5, 6.7.8.9', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-      result = await validate('1:2:3:4:5:6:7:8,22:33::44:55:FF', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-      result = await validate('12.3.4.5,1:2:3:4:5:6:7:8', 'ipAddresses');
-      expect(result.errors[0]).toBe(undefined);
-    });
-  });
-});
diff --git a/src/central-server/admin-service/ui/tests/unit/views/TrustServices/CertificationService/CertificationServiceSettings.spec.ts b/src/central-server/admin-service/ui/tests/unit/views/TrustServices/CertificationService/CertificationServiceSettings.spec.ts
deleted file mode 100644
index 759cbed2f2..0000000000
--- a/src/central-server/admin-service/ui/tests/unit/views/TrustServices/CertificationService/CertificationServiceSettings.spec.ts
+++ /dev/null
@@ -1,79 +0,0 @@
-/*
- * The MIT License
- *
- * Copyright (c) 2019- Nordic Institute for Interoperability Solutions (NIIS)
- * Copyright (c) 2018 Estonian Information System Authority (RIA),
- * Nordic Institute for Interoperability Solutions (NIIS), Population Register Centre (VRK)
- * Copyright (c) 2015-2017 Estonian Information System Authority (RIA), Population Register Centre (VRK)
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-
-import { mount } from '@vue/test-utils';
-import { createVuetify } from 'vuetify';
-import { components } from 'vuetify/components';
-import { directives } from 'vuetify/directives';
-import i18n from '@/plugins/i18n';
-import CertificationServiceSettings from '@/views/TrustServices/CertificationService/CertificationServiceSettings.vue';
-import InfoCard from '@/components/ui/InfoCard.vue';
-import { XrdButton } from '@niis/shared-ui';
-import { createTestingPinia } from '@pinia/testing';
-
-const vuetify = createVuetify({
-  components,
-  directives,
-});
-
-describe('CertificationServiceSettings', () => {
-  it('should show correct certification service setting values', async () => {
-    const acmeServerDirectoryUrl = 'https://test-ca/acme';
-    const acmeServerIpAddress = '1.2.3.4';
-    const wrapper = mount(CertificationServiceSettings, {
-      global: {
-        components: {
-          InfoCard,
-          XrdButton,
-        },
-        plugins: [
-          vuetify,
-          i18n,
-          createTestingPinia({
-            initialState: {
-              certificationService: {
-                currentCertificationService: {
-                  acme_server_directory_url: acmeServerDirectoryUrl,
-                  acme_server_ip_address: acmeServerIpAddress,
-                },
-              },
-            },
-          }),
-        ],
-      },
-    });
-
-    expect(
-      wrapper.getComponent('[data-test="acme-server-directory-url"]').element
-        .textContent,
-    ).toBe(acmeServerDirectoryUrl);
-    expect(
-      wrapper.getComponent('[data-test="acme-server-ip-address"]').element
-        .textContent,
-    ).toBe(acmeServerIpAddress);
-  });
-});
diff --git a/src/central-server/admin-service/ui/tsconfig.json b/src/central-server/admin-service/ui/tsconfig.json
index 31bb6b6c83..a885779d55 100644
--- a/src/central-server/admin-service/ui/tsconfig.json
+++ b/src/central-server/admin-service/ui/tsconfig.json
@@ -15,7 +15,7 @@
     "baseUrl": ".",
     "types": [
       "vite/client",
-      "vuetify"
+      "vuetify",
     ],
     "paths": {
       "@/*": [
diff --git a/src/central-server/admin-service/ui/vite.config.ts b/src/central-server/admin-service/ui/vite.config.ts
index 42ff9a8a4f..4ed26a0cc1 100644
--- a/src/central-server/admin-service/ui/vite.config.ts
+++ b/src/central-server/admin-service/ui/vite.config.ts
@@ -53,15 +53,6 @@ export default defineConfig(({ command, mode }) => {
     build: {
       cssCodeSplit: false,
     },
-    test: {
-      globals: true,
-      environment: 'happy-dom',
-      server: {
-        deps: {
-          inline: ['vuetify'],
-        },
-      },
-    },
     server: {
       https: true,
       port: 8080,
diff --git a/src/package.json b/src/package.json
index f4ec1bd4b4..aff45f2250 100644
--- a/src/package.json
+++ b/src/package.json
@@ -4,7 +4,6 @@
   "private": true,
   "scripts": {
     "dev-cs": "pnpm run --filter xroad-centralserver-admin-ui dev",
-    "test-cs": "pnpm run --filter xroad-centralserver-admin-ui test",
     "dev-ss": "pnpm run --filter xroad-securityserver-admin-ui dev",
     "test-ss": "pnpm run --filter xroad-securityserver-admin-ui test",
     "build-workspace": "pnpm -r run build",
@@ -13,7 +12,6 @@
   },
   "devDependencies": {
     "@intlify/eslint-plugin-vue-i18n": "^2.0.0",
-    "@pinia/testing": "^0.1.3",
     "@rushstack/eslint-patch": "^1.6.1",
     "@tsconfig/node18": "^2.0.1",
     "@types/node": "^18.16.17",
@@ -22,7 +20,6 @@
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
-    "@vue/test-utils": "^2.4.2",
     "@vue/tsconfig": "^0.5.1",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
@@ -35,16 +32,15 @@
     "openapi-typescript-codegen": "^0.26.0",
     "path": "^0.12.7",
     "prettier": "^3.1.1",
+    "resize-observer-polyfill": "^1.5.1",
     "sass": "^1.69.7",
     "typescript": "~5.3.3",
     "vite": "^5.0.11",
     "vite-plugin-dts": "^3.7.0",
     "vite-plugin-vuetify": "^2.0.1",
-    "vitest": "^0.34.6",
     "vue-eslint-parser": "^9.4.0",
     "vue-i18n": "^9.9.0",
-    "vue-tsc": "^1.8.27",
-    "wait-for-expect": "^3.0.2"
+    "vue-tsc": "^1.8.27"
   },
   "pnpm": {
     "overrides": {
diff --git a/src/pnpm-lock.yaml b/src/pnpm-lock.yaml
index 757ccea1df..35f22b8ee8 100644
--- a/src/pnpm-lock.yaml
+++ b/src/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       '@intlify/eslint-plugin-vue-i18n':
         specifier: ^2.0.0
         version: 2.0.0(eslint@8.56.0)
+      '@pinia/testing':
+        specifier: ^0.1.3
+        version: 0.1.3(pinia@2.1.7)(vue@3.4.10)
       '@rushstack/eslint-patch':
         specifier: ^1.6.1
         version: 1.6.1
@@ -28,16 +31,19 @@ importers:
         version: 1.0.2(vite@5.0.11)
       '@vitejs/plugin-vue':
         specifier: ^5.0.3
-        version: 5.0.3(vite@5.0.11)(vue@3.4.9)
+        version: 5.0.3(vite@5.0.11)(vue@3.4.10)
       '@vitejs/plugin-vue-jsx':
         specifier: ^3.1.0
-        version: 3.1.0(vite@5.0.11)(vue@3.4.9)
+        version: 3.1.0(vite@5.0.11)(vue@3.4.10)
       '@vue/eslint-config-prettier':
         specifier: ^9.0.0
         version: 9.0.0(eslint@8.56.0)(prettier@3.1.1)
       '@vue/eslint-config-typescript':
         specifier: ^12.0.0
         version: 12.0.0(eslint-plugin-vue@9.20.0)(eslint@8.56.0)(typescript@5.3.3)
+      '@vue/test-utils':
+        specifier: ^2.4.3
+        version: 2.4.3(vue@3.4.10)
       '@vue/tsconfig':
         specifier: ^0.5.1
         version: 0.5.1
@@ -56,6 +62,9 @@ importers:
       eslint-plugin-vuetify:
         specifier: ^2.1.1
         version: 2.1.1(eslint@8.56.0)(vuetify@3.4.10)
+      happy-dom:
+        specifier: ^12.10.3
+        version: 12.10.3
       license-check-and-add:
         specifier: ~4.0.5
         version: 4.0.5
@@ -71,6 +80,9 @@ importers:
       prettier:
         specifier: ^3.1.1
         version: 3.1.1
+      resize-observer-polyfill:
+        specifier: ^1.5.1
+        version: 1.5.1
       sass:
         specifier: ^1.69.7
         version: 1.69.7
@@ -85,16 +97,22 @@ importers:
         version: 3.7.0(@types/node@18.19.4)(typescript@5.3.3)(vite@5.0.11)
       vite-plugin-vuetify:
         specifier: ^2.0.1
-        version: 2.0.1(vite@5.0.11)(vue@3.4.9)(vuetify@3.4.10)
+        version: 2.0.1(vite@5.0.11)(vue@3.4.10)(vuetify@3.4.10)
+      vitest:
+        specifier: ^1.1.3
+        version: 1.1.3(@types/node@18.19.4)(happy-dom@12.10.3)(sass@1.69.7)
       vue-eslint-parser:
         specifier: ^9.4.0
         version: 9.4.0(eslint@8.56.0)
       vue-i18n:
         specifier: ^9.9.0
-        version: 9.9.0(vue@3.4.9)
+        version: 9.9.0(vue@3.4.10)
       vue-tsc:
         specifier: ^1.8.27
         version: 1.8.27(typescript@5.3.3)
+      wait-for-expect:
+        specifier: ^3.0.2
+        version: 3.0.2
 
   central-server/admin-service/ui:
     dependencies:
@@ -104,6 +122,9 @@ importers:
       dayjs:
         specifier: ^1.11.10
         version: 1.11.10
+      is-ip:
+        specifier: ^5.0.1
+        version: 5.0.1
     devDependencies:
       '@apidevtools/swagger-cli':
         specifier: ~4.0.4
@@ -141,7 +162,7 @@ importers:
         version: 4.12.4
       '@vee-validate/rules':
         specifier: ~4.12.4
-        version: 4.12.4(vue@3.4.9)
+        version: 4.12.4(vue@3.4.10)
       axios:
         specifier: ~1.6.5
         version: 1.6.5
@@ -150,25 +171,25 @@ importers:
         version: 4.3.1
       pinia:
         specifier: ^2.1.7
-        version: 2.1.7(typescript@5.3.3)(vue@3.4.9)
+        version: 2.1.7(typescript@5.3.3)(vue@3.4.10)
       pinia-plugin-persistedstate:
         specifier: ^3.2.1
         version: 3.2.1(pinia@2.1.7)
       vee-validate:
         specifier: ^4.12.4
-        version: 4.12.4(vue@3.4.9)
+        version: 4.12.4(vue@3.4.10)
       vue:
-        specifier: ^3.4.9
-        version: 3.4.9(typescript@5.3.3)
+        specifier: ^3.4.10
+        version: 3.4.10(typescript@5.3.3)
       vue-i18n:
         specifier: ^9.9.0
-        version: 9.9.0(vue@3.4.9)
+        version: 9.9.0(vue@3.4.10)
       vue-router:
         specifier: ^4.2.5
-        version: 4.2.5(vue@3.4.9)
+        version: 4.2.5(vue@3.4.10)
       vuetify:
         specifier: 3.4.10
-        version: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.9)
+        version: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.10)
 
 packages:
 
@@ -859,6 +880,25 @@ packages:
     resolution: {integrity: sha512-1ECUyAHRrzOJbOizyGufYP2yukqGrWXtkmTu4PcswVnWbkcjzk3YQGmJ0bLkM7JZ0ZYAaohLGdYvBYnTOGYJ9g==}
     engines: {node: '>= 16'}
 
+  /@isaacs/cliui@8.0.2:
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: /string-width@4.2.3
+      strip-ansi: 7.1.0
+      strip-ansi-cjs: /strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: /wrap-ansi@7.0.0
+    dev: true
+
+  /@jest/schemas@29.6.3:
+    resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@sinclair/typebox': 0.27.8
+    dev: true
+
   /@jridgewell/gen-mapping@0.3.3:
     resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
     engines: {node: '>=6.0.0'}
@@ -960,6 +1000,29 @@ packages:
       fastq: 1.16.0
     dev: true
 
+  /@one-ini/wasm@0.1.1:
+    resolution: {integrity: sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==}
+    dev: true
+
+  /@pinia/testing@0.1.3(pinia@2.1.7)(vue@3.4.10):
+    resolution: {integrity: sha512-D2Ds2s69kKFaRf2KCcP1NhNZEg5+we59aRyQalwRm7ygWfLM25nDH66267U3hNvRUOTx8ofL24GzodZkOmB5xw==}
+    peerDependencies:
+      pinia: '>=2.1.5'
+    dependencies:
+      pinia: 2.1.7(typescript@5.3.3)(vue@3.4.10)
+      vue-demi: 0.14.6(vue@3.4.10)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+      - vue
+    dev: true
+
+  /@pkgjs/parseargs@0.11.0:
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
   /@pkgr/core@0.1.0:
     resolution: {integrity: sha512-Zwq5OCzuwJC2jwqmpEQt7Ds1DTi6BWSwoGkbb1n9pO3hzb35BoJELx7c0T23iDkBGkh2e7tvOtjF3tr3OaQHDQ==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
@@ -1108,6 +1171,10 @@ packages:
       string-argv: 0.3.2
     dev: true
 
+  /@sinclair/typebox@0.27.8:
+    resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
+    dev: true
+
   /@tsconfig/node18@2.0.1:
     resolution: {integrity: sha512-UqdfvuJK0SArA2CxhKWwwAWfnVSXiYe63bVpMutc27vpngCntGUZQETO24pEJ46zU6XM+7SpqYoMgcO3bM11Ew==}
     dev: true
@@ -1424,10 +1491,10 @@ packages:
     resolution: {integrity: sha512-/OJTonHFRtCHfR+W1IIFTDG1cAlIXZmLNPF6M/X2RbmVRefcQm4yDgdzq22HJm5dpllMw+2TflYqCShAscBI1A==}
     dev: false
 
-  /@vee-validate/rules@4.12.4(vue@3.4.9):
+  /@vee-validate/rules@4.12.4(vue@3.4.10):
     resolution: {integrity: sha512-r/BGZAst/0OkFJ9m+YGOzULVPZc7WQAFbAZk4UO9epDzz6KYt9fEC0rh6BbzwSf/Xw9U0JSCDOkNZ1gYNDoR5g==}
     dependencies:
-      vee-validate: 4.12.4(vue@3.4.9)
+      vee-validate: 4.12.4(vue@3.4.10)
     transitivePeerDependencies:
       - vue
     dev: false
@@ -1441,7 +1508,7 @@ packages:
       vite: 5.0.11(@types/node@18.19.4)(sass@1.69.7)
     dev: true
 
-  /@vitejs/plugin-vue-jsx@3.1.0(vite@5.0.11)(vue@3.4.9):
+  /@vitejs/plugin-vue-jsx@3.1.0(vite@5.0.11)(vue@3.4.10):
     resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     peerDependencies:
@@ -1452,12 +1519,12 @@ packages:
       '@babel/plugin-transform-typescript': 7.23.6(@babel/core@7.23.7)
       '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.7)
       vite: 5.0.11(@types/node@18.19.4)(sass@1.69.7)
-      vue: 3.4.9(typescript@5.3.3)
+      vue: 3.4.10(typescript@5.3.3)
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@vitejs/plugin-vue@5.0.3(vite@5.0.11)(vue@3.4.9):
+  /@vitejs/plugin-vue@5.0.3(vite@5.0.11)(vue@3.4.10):
     resolution: {integrity: sha512-b8S5dVS40rgHdDrw+DQi/xOM9ed+kSRZzfm1T74bMmBDCd8XO87NKlFYInzCtwvtWwXZvo1QxE2OSspTATWrbA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
@@ -1465,7 +1532,46 @@ packages:
       vue: ^3.2.25
     dependencies:
       vite: 5.0.11(@types/node@18.19.4)(sass@1.69.7)
-      vue: 3.4.9(typescript@5.3.3)
+      vue: 3.4.10(typescript@5.3.3)
+    dev: true
+
+  /@vitest/expect@1.1.3:
+    resolution: {integrity: sha512-MnJqsKc1Ko04lksF9XoRJza0bGGwTtqfbyrsYv5on4rcEkdo+QgUdITenBQBUltKzdxW7K3rWh+nXRULwsdaVg==}
+    dependencies:
+      '@vitest/spy': 1.1.3
+      '@vitest/utils': 1.1.3
+      chai: 4.4.0
+    dev: true
+
+  /@vitest/runner@1.1.3:
+    resolution: {integrity: sha512-Va2XbWMnhSdDEh/OFxyUltgQuuDRxnarK1hW5QNN4URpQrqq6jtt8cfww/pQQ4i0LjoYxh/3bYWvDFlR9tU73g==}
+    dependencies:
+      '@vitest/utils': 1.1.3
+      p-limit: 5.0.0
+      pathe: 1.1.2
+    dev: true
+
+  /@vitest/snapshot@1.1.3:
+    resolution: {integrity: sha512-U0r8pRXsLAdxSVAyGNcqOU2H3Z4Y2dAAGGelL50O0QRMdi1WWeYHdrH/QWpN1e8juWfVKsb8B+pyJwTC+4Gy9w==}
+    dependencies:
+      magic-string: 0.30.5
+      pathe: 1.1.2
+      pretty-format: 29.7.0
+    dev: true
+
+  /@vitest/spy@1.1.3:
+    resolution: {integrity: sha512-Ec0qWyGS5LhATFQtldvChPTAHv08yHIOZfiNcjwRQbFPHpkih0md9KAbs7TfeIfL7OFKoe7B/6ukBTqByubXkQ==}
+    dependencies:
+      tinyspy: 2.2.0
+    dev: true
+
+  /@vitest/utils@1.1.3:
+    resolution: {integrity: sha512-Dyt3UMcdElTll2H75vhxfpZu03uFpXRCHxWnzcrFjZxT1kTbq8ALUYIeBgGolo1gldVdI0YSlQRacsqxTwNqwg==}
+    dependencies:
+      diff-sequences: 29.6.3
+      estree-walker: 3.0.3
+      loupe: 2.3.7
+      pretty-format: 29.7.0
     dev: true
 
   /@volar/language-core@1.11.1:
@@ -1510,6 +1616,15 @@ packages:
       - supports-color
     dev: true
 
+  /@vue/compiler-core@3.4.10:
+    resolution: {integrity: sha512-53vxh7K9qbx+JILnGEhrFRyr7H7e4NdT8RuTNU3m6HhJKFvcAqFTNXpYMHnyuAzzRGdsbsYHBgQC3H6xEXTG6w==}
+    dependencies:
+      '@babel/parser': 7.23.6
+      '@vue/shared': 3.4.10
+      entities: 4.5.0
+      estree-walker: 2.0.2
+      source-map-js: 1.0.2
+
   /@vue/compiler-core@3.4.9:
     resolution: {integrity: sha512-8zjlR0LVG3bVX0dX9rnDSr/lWsheRGyThJTfxf27LMBZqNqYy1Zd3R8rVVUQrcWCpAaSwOFQ+IPeLq3NH4f4zA==}
     dependencies:
@@ -1518,31 +1633,39 @@ packages:
       entities: 4.5.0
       estree-walker: 2.0.2
       source-map-js: 1.0.2
+    dev: true
+
+  /@vue/compiler-dom@3.4.10:
+    resolution: {integrity: sha512-QAALBJksIFpXGYuo74rtMgnwpVZDvd3kYbUa4gYX9s/5QiqEvZSgbKtOdUGydXcxKPt3ifC+0/bhPVHXN2694A==}
+    dependencies:
+      '@vue/compiler-core': 3.4.10
+      '@vue/shared': 3.4.10
 
   /@vue/compiler-dom@3.4.9:
     resolution: {integrity: sha512-29bSR7JYowFiqGHn6eXsxanCS+21HWv+Yi3q4YRmR7Qq084AKK/HCadsN6rX4gPxIk8op2g0VlGLvqMVPehwow==}
     dependencies:
       '@vue/compiler-core': 3.4.9
       '@vue/shared': 3.4.9
+    dev: true
 
-  /@vue/compiler-sfc@3.4.9:
-    resolution: {integrity: sha512-G7N5lLEXhUPVlLU2m4foLQZQSjLSAFkd9NDEbbkDcvKmUZtB6CRVTM1R63PKSPjfHO4HtDzT5oH0/AGFSPJPmg==}
+  /@vue/compiler-sfc@3.4.10:
+    resolution: {integrity: sha512-sTOssaQySgrMjrhZxmAqdp6n+E51VteIVIDaOR537H2P63DyzMmig21U0XXFxiXmMIfrK91lAInnc+bIAYemGw==}
     dependencies:
       '@babel/parser': 7.23.6
-      '@vue/compiler-core': 3.4.9
-      '@vue/compiler-dom': 3.4.9
-      '@vue/compiler-ssr': 3.4.9
-      '@vue/shared': 3.4.9
+      '@vue/compiler-core': 3.4.10
+      '@vue/compiler-dom': 3.4.10
+      '@vue/compiler-ssr': 3.4.10
+      '@vue/shared': 3.4.10
       estree-walker: 2.0.2
       magic-string: 0.30.5
       postcss: 8.4.32
       source-map-js: 1.0.2
 
-  /@vue/compiler-ssr@3.4.9:
-    resolution: {integrity: sha512-CqkrrHv3iVjFyo+crxOMEreHrg8Ad6MHidbq3SQq33UazmHTGlmVXA2RtshPDn1/sbYMh367sdIebBV4qsWJNg==}
+  /@vue/compiler-ssr@3.4.10:
+    resolution: {integrity: sha512-Y90TL1abretWbUiK5rv+9smS1thCHE5sSuhZgiLh6cxgZ2Pcy3BEvDd3reID0iwNcTdMbTeE6NI3Aq4Mux6hqQ==}
     dependencies:
-      '@vue/compiler-dom': 3.4.9
-      '@vue/shared': 3.4.9
+      '@vue/compiler-dom': 3.4.10
+      '@vue/shared': 3.4.10
 
   /@vue/devtools-api@6.5.1:
     resolution: {integrity: sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA==}
@@ -1602,49 +1725,72 @@ packages:
       vue-template-compiler: 2.7.16
     dev: true
 
-  /@vue/reactivity@3.4.9:
-    resolution: {integrity: sha512-xSbQ0mT9b0DQZyjvpLG14lZI4vUoYe8SazyXV+DVHdC1N46xIa6ZCRzu5Y4IDIrIV14f728b8FcN68s9x5zJvQ==}
+  /@vue/reactivity@3.4.10:
+    resolution: {integrity: sha512-SmGGpo37LzPcAFTopHNIJRNVOQfma9YgyPkAzx9/TJ01lbCCYigS28hEcY1hjiJ1PRK8iVX62Ov5yzmUgYH/pQ==}
     dependencies:
-      '@vue/shared': 3.4.9
+      '@vue/shared': 3.4.10
 
-  /@vue/runtime-core@3.4.9:
-    resolution: {integrity: sha512-+LDblIs/lgEKRczBFfaX/Se8UIHucVnXoBA49VnZSeK8WXG1B5Ha7vuWiekCEk7yYEParYqsy8VetHxruLJXPA==}
+  /@vue/runtime-core@3.4.10:
+    resolution: {integrity: sha512-Ri2Cz9sFr66AEUewGUK8IXhIUAhshTHVUGuJR8pqMbtjIds+zPa8QPO5UZImGMQ8HTY7eEpKwztCct9V3+Iqug==}
     dependencies:
-      '@vue/reactivity': 3.4.9
-      '@vue/shared': 3.4.9
+      '@vue/reactivity': 3.4.10
+      '@vue/shared': 3.4.10
 
-  /@vue/runtime-dom@3.4.9:
-    resolution: {integrity: sha512-yn/4xuMymQRVzdEALs1VQY/kfI6swRjV2Y+CHVjGqQfzj9ZtesnHdej3OErkTkEBdtq+rg1F/ZAwBxN2oUl1Zg==}
+  /@vue/runtime-dom@3.4.10:
+    resolution: {integrity: sha512-ROsdi5M2niRDmjXJNZ8KKiGwXyG1FO8l9n6sCN0kaJEHbjWkuigu96YAI3fK/AWUZPSXXEcMEBVPC6rL3mmUuA==}
     dependencies:
-      '@vue/runtime-core': 3.4.9
-      '@vue/shared': 3.4.9
+      '@vue/runtime-core': 3.4.10
+      '@vue/shared': 3.4.10
       csstype: 3.1.3
 
-  /@vue/server-renderer@3.4.9(vue@3.4.9):
-    resolution: {integrity: sha512-zsh4M4zfaEmCIIUZYXVf2p9i32pjDM+lLhq2INWjxJcYz3EvqLEkiWXjvQHtvwostkTtj3lAMjxxLcGkuI3bYg==}
+  /@vue/server-renderer@3.4.10(vue@3.4.10):
+    resolution: {integrity: sha512-WpCBAhesLq44JKWfdFqb+Bi4ACUW0d8x1z90GnE0spccsAlEDMXV5nm+pwXLyW0OdP2iPrO/n/QMJh4B1v9Ciw==}
     peerDependencies:
-      vue: 3.4.9
+      vue: 3.4.10
     dependencies:
-      '@vue/compiler-ssr': 3.4.9
-      '@vue/shared': 3.4.9
-      vue: 3.4.9(typescript@5.3.3)
+      '@vue/compiler-ssr': 3.4.10
+      '@vue/shared': 3.4.10
+      vue: 3.4.10(typescript@5.3.3)
+
+  /@vue/shared@3.4.10:
+    resolution: {integrity: sha512-C0mIVhwW1xQLMFyqMJxnhq6fWyE02lCgcE+TDdtGpg6B3H6kh/0YcqS54qYc76UJNlWegf3VgsLqgk6D9hBmzQ==}
 
   /@vue/shared@3.4.9:
     resolution: {integrity: sha512-AV1ibMMuiQV7TysP9mGcg7q+m1VkSh5m/w2KITW7Yel9raxiTiH6QGaJ+8V26QCH0C4o2xgsw/DQf+gDFjV4vQ==}
+    dev: true
+
+  /@vue/test-utils@2.4.3(vue@3.4.10):
+    resolution: {integrity: sha512-F4K7mF+ad++VlTrxMJVRnenKSJmO6fkQt2wpRDiKDesQMkfpniGWsqEi/JevxGBo2qEkwwjvTUAoiGJLNx++CA==}
+    peerDependencies:
+      '@vue/server-renderer': ^3.0.1
+      vue: ^3.0.1
+    peerDependenciesMeta:
+      '@vue/server-renderer':
+        optional: true
+    dependencies:
+      js-beautify: 1.14.11
+      vue: 3.4.10(typescript@5.3.3)
+      vue-component-type-helpers: 1.8.27
+    dev: true
 
   /@vue/tsconfig@0.5.1:
     resolution: {integrity: sha512-VcZK7MvpjuTPx2w6blwnwZAu5/LgBUtejFOi3pPGQFXQN5Ela03FUtd2Qtg4yWGGissVL0dr6Ro1LfOFh+PCuQ==}
     dev: true
 
-  /@vuetify/loader-shared@2.0.1(vue@3.4.9)(vuetify@3.4.10):
+  /@vuetify/loader-shared@2.0.1(vue@3.4.10)(vuetify@3.4.10):
     resolution: {integrity: sha512-zy5/ohEO7RcJaWYu2Xiy8TBEOkTb42XvWvSAJwXAtY8OlwqyGhzzBp9OvMVjLGIuFXumBpXKlsaVIkeN0OWWSw==}
     peerDependencies:
       vue: ^3.0.0
       vuetify: ^3.0.0
     dependencies:
       upath: 2.0.1
-      vue: 3.4.9(typescript@5.3.3)
-      vuetify: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.9)
+      vue: 3.4.10(typescript@5.3.3)
+      vuetify: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.10)
+
+  /abbrev@2.0.0:
+    resolution: {integrity: sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    dev: true
 
   /acorn-jsx@5.3.2(acorn@8.11.3):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
@@ -1654,6 +1800,11 @@ packages:
       acorn: 8.11.3
     dev: true
 
+  /acorn-walk@8.3.2:
+    resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
+    engines: {node: '>=0.4.0'}
+    dev: true
+
   /acorn@8.11.3:
     resolution: {integrity: sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==}
     engines: {node: '>=0.4.0'}
@@ -1699,6 +1850,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /ansi-regex@6.0.1:
+    resolution: {integrity: sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==}
+    engines: {node: '>=12'}
+    dev: true
+
   /ansi-styles@3.2.1:
     resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
     engines: {node: '>=4'}
@@ -1713,6 +1869,16 @@ packages:
       color-convert: 2.0.1
     dev: true
 
+  /ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /ansi-styles@6.2.1:
+    resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+    engines: {node: '>=12'}
+    dev: true
+
   /anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
@@ -1735,6 +1901,10 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /assertion-error@1.1.0:
+    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
+    dev: true
+
   /asynckit@0.4.0:
     resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
     dev: false
@@ -1797,6 +1967,11 @@ packages:
       update-browserslist-db: 1.0.13(browserslist@4.22.2)
     dev: true
 
+  /cac@6.7.14:
+    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
+    engines: {node: '>=8'}
+    dev: true
+
   /call-me-maybe@1.0.2:
     resolution: {integrity: sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ==}
     dev: true
@@ -1820,6 +1995,19 @@ packages:
     resolution: {integrity: sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==}
     dev: true
 
+  /chai@4.4.0:
+    resolution: {integrity: sha512-x9cHNq1uvkCdU+5xTkNh5WtgD4e4yDFCsp9jVc7N7qVeKeftv3gO/ZrviX5d+3ZfxdYnZXZYujjRInu1RogU6A==}
+    engines: {node: '>=4'}
+    dependencies:
+      assertion-error: 1.1.0
+      check-error: 1.0.3
+      deep-eql: 4.1.3
+      get-func-name: 2.0.2
+      loupe: 2.3.7
+      pathval: 1.1.1
+      type-detect: 4.0.8
+    dev: true
+
   /chalk@2.4.2:
     resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
     engines: {node: '>=4'}
@@ -1837,6 +2025,12 @@ packages:
       supports-color: 7.2.0
     dev: true
 
+  /check-error@1.0.3:
+    resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
+    dependencies:
+      get-func-name: 2.0.2
+    dev: true
+
   /chokidar@3.5.3:
     resolution: {integrity: sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==}
     engines: {node: '>= 8.10.0'}
@@ -1867,6 +2061,13 @@ packages:
       wrap-ansi: 6.2.0
     dev: true
 
+  /clone-regexp@3.0.0:
+    resolution: {integrity: sha512-ujdnoq2Kxb8s3ItNBtnYeXdm07FcU0u8ARAT1lQ2YdMwQC+cdiXX8KoqMVuglztILivceTtp4ivqGSmEmhBUJw==}
+    engines: {node: '>=12'}
+    dependencies:
+      is-regexp: 3.1.0
+    dev: false
+
   /color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -1900,6 +2101,11 @@ packages:
       delayed-stream: 1.0.0
     dev: false
 
+  /commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+    dev: true
+
   /commander@11.1.0:
     resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
     engines: {node: '>=16'}
@@ -1920,6 +2126,18 @@ packages:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
     dev: true
 
+  /config-chain@1.1.13:
+    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
+    dependencies:
+      ini: 1.3.8
+      proto-list: 1.2.4
+    dev: true
+
+  /convert-hrtime@5.0.0:
+    resolution: {integrity: sha512-lOETlkIeYSJWcbbcvjRKGxVMXJR+8+OQb/mTPbA4ObPMytYIsUbuOE0Jzy60hjARYszq1id0j8KgVhC+WGZVTg==}
+    engines: {node: '>=12'}
+    dev: false
+
   /convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
     dev: true
@@ -1939,6 +2157,10 @@ packages:
       css: 2.2.4
     dev: true
 
+  /css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+    dev: true
+
   /css@2.2.4:
     resolution: {integrity: sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==}
     dependencies:
@@ -1997,6 +2219,13 @@ packages:
     engines: {node: '>=0.10'}
     dev: true
 
+  /deep-eql@4.1.3:
+    resolution: {integrity: sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==}
+    engines: {node: '>=6'}
+    dependencies:
+      type-detect: 4.0.8
+    dev: true
+
   /deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
@@ -2011,6 +2240,11 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: false
 
+  /diff-sequences@29.6.3:
+    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dev: true
+
   /dir-glob@3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
@@ -2025,6 +2259,21 @@ packages:
       esutils: 2.0.3
     dev: true
 
+  /eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+    dev: true
+
+  /editorconfig@1.0.4:
+    resolution: {integrity: sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      '@one-ini/wasm': 0.1.1
+      commander: 10.0.1
+      minimatch: 9.0.1
+      semver: 7.5.4
+    dev: true
+
   /electron-to-chromium@1.4.617:
     resolution: {integrity: sha512-sYNE3QxcDS4ANW1k4S/wWYMXjCVcFSOX3Bg8jpuMFaXt/x8JCmp0R1Xe1ZXDX4WXnSRBf+GJ/3eGWicUuQq5cg==}
     dev: true
@@ -2037,6 +2286,10 @@ packages:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
     dev: true
 
+  /emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+    dev: true
+
   /entities@4.5.0:
     resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
     engines: {node: '>=0.12'}
@@ -2163,7 +2416,7 @@ packages:
       eslint: 8.56.0
       eslint-plugin-vue: 9.20.0(eslint@8.56.0)
       requireindex: 1.2.0
-      vuetify: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.9)
+      vuetify: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.10)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -2280,11 +2533,32 @@ packages:
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
+  /estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+    dependencies:
+      '@types/estree': 1.0.5
+    dev: true
+
   /esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /execa@8.0.1:
+    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
+    engines: {node: '>=16.17'}
+    dependencies:
+      cross-spawn: 7.0.3
+      get-stream: 8.0.1
+      human-signals: 5.0.0
+      is-stream: 3.0.0
+      merge-stream: 2.0.0
+      npm-run-path: 5.2.0
+      onetime: 6.0.0
+      signal-exit: 4.1.0
+      strip-final-newline: 3.0.0
+    dev: true
+
   /fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
     dev: true
@@ -2377,6 +2651,14 @@ packages:
         optional: true
     dev: false
 
+  /foreground-child@3.1.1:
+    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+    engines: {node: '>=14'}
+    dependencies:
+      cross-spawn: 7.0.3
+      signal-exit: 4.1.0
+    dev: true
+
   /form-data@4.0.0:
     resolution: {integrity: sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==}
     engines: {node: '>= 6'}
@@ -2428,6 +2710,11 @@ packages:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
     dev: true
 
+  /function-timeout@0.1.1:
+    resolution: {integrity: sha512-0NVVC0TaP7dSTvn1yMiy6d6Q8gifzbvQafO46RtLG/kHJUBNd+pVRGOBoK44wNBvtSPUJRfdVvkFdD3p0xvyZg==}
+    engines: {node: '>=14.16'}
+    dev: false
+
   /gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -2438,6 +2725,15 @@ packages:
     engines: {node: 6.* || 8.* || >= 10.*}
     dev: true
 
+  /get-func-name@2.0.2:
+    resolution: {integrity: sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==}
+    dev: true
+
+  /get-stream@8.0.1:
+    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
+    engines: {node: '>=16'}
+    dev: true
+
   /gitignore-to-glob@0.3.0:
     resolution: {integrity: sha512-mk74BdnK7lIwDHnotHddx1wsjMOFIThpLY3cPNniJ/2fA/tlLzHnFxIdR+4sLOu5KGgQJdij4kjJ2RoUNnCNMA==}
     engines: {node: '>=4.4 <5 || >=6.9'}
@@ -2456,6 +2752,18 @@ packages:
       is-glob: 4.0.3
     dev: true
 
+  /glob@10.3.10:
+    resolution: {integrity: sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+    dependencies:
+      foreground-child: 3.1.1
+      jackspeak: 2.3.6
+      minimatch: 9.0.3
+      minipass: 7.0.4
+      path-scurry: 1.10.1
+    dev: true
+
   /glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     dependencies:
@@ -2537,6 +2845,17 @@ packages:
       uglify-js: 3.17.4
     dev: true
 
+  /happy-dom@12.10.3:
+    resolution: {integrity: sha512-JzUXOh0wdNGY54oKng5hliuBkq/+aT1V3YpTM+lrN/GoLQTANZsMaIvmHiHe612rauHvPJnDZkZ+5GZR++1Abg==}
+    dependencies:
+      css.escape: 1.5.1
+      entities: 4.5.0
+      iconv-lite: 0.6.3
+      webidl-conversions: 7.0.0
+      whatwg-encoding: 2.0.0
+      whatwg-mimetype: 3.0.0
+    dev: true
+
   /has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -2564,6 +2883,18 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /human-signals@5.0.0:
+    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
+    engines: {node: '>=16.17.0'}
+    dev: true
+
+  /iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      safer-buffer: 2.1.2
+    dev: true
+
   /ignore@5.3.0:
     resolution: {integrity: sha512-g7dmpshy+gD7mh88OC9NwSGTKoc3kyLAZQRU1mt53Aw/vnvfXnbC+F/7F7QoYVKbV+KNvJx8wArewKy1vXMtlg==}
     engines: {node: '>= 4'}
@@ -2605,6 +2936,15 @@ packages:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
     dev: true
 
+  /ini@1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
+  /ip-regex@5.0.0:
+    resolution: {integrity: sha512-fOCG6lhoKKakwv+C6KdsOnGvgXnmgfmp0myi3bcNwj3qfwPAxRKWEuFhvEFF7ceYIz6+1jRZ+yguLFAmUNPEfw==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: false
+
   /is-binary-path@2.1.0:
     resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
     engines: {node: '>=8'}
@@ -2637,6 +2977,14 @@ packages:
     dependencies:
       is-extglob: 2.1.1
 
+  /is-ip@5.0.1:
+    resolution: {integrity: sha512-FCsGHdlrOnZQcp0+XT5a+pYowf33itBalCl+7ovNXC/7o5BhIpG14M3OrpPPdBSIQJCm+0M5+9mO7S9VVTTCFw==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      ip-regex: 5.0.0
+      super-regex: 0.2.0
+    dev: false
+
   /is-language-code@3.1.0:
     resolution: {integrity: sha512-zJdQ3QTeLye+iphMeK3wks+vXSRFKh68/Pnlw7aOfApFSEIOhYa8P9vwwa6QrImNNBMJTiL1PpYF0f4BxDuEgA==}
     dependencies:
@@ -2652,14 +3000,44 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /is-regexp@3.1.0:
+    resolution: {integrity: sha512-rbku49cWloU5bSMI+zaRaXdQHXnthP6DZ/vLnfdSKyL4zUzuWnomtOEiZZOd+ioQ+avFo/qau3KPTc7Fjy1uPA==}
+    engines: {node: '>=12'}
+    dev: false
+
+  /is-stream@3.0.0:
+    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dev: true
+
   /isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
 
+  /jackspeak@2.3.6:
+    resolution: {integrity: sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==}
+    engines: {node: '>=14'}
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+    dev: true
+
   /jju@1.4.0:
     resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
     dev: true
 
+  /js-beautify@1.14.11:
+    resolution: {integrity: sha512-rPogWqAfoYh1Ryqqh2agUpVfbxAhbjuN1SmU86dskQUKouRiggUTCO4+2ym9UPXllc2WAp0J+T5qxn7Um3lCdw==}
+    engines: {node: '>=14'}
+    hasBin: true
+    dependencies:
+      config-chain: 1.1.13
+      editorconfig: 1.0.4
+      glob: 10.3.10
+      nopt: 7.2.0
+    dev: true
+
   /js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
     dev: true
@@ -2717,6 +3095,10 @@ packages:
       semver: 7.5.4
     dev: true
 
+  /jsonc-parser@3.2.0:
+    resolution: {integrity: sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==}
+    dev: true
+
   /jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
     optionalDependencies:
@@ -2760,6 +3142,14 @@ packages:
       yargs: 13.3.2
     dev: true
 
+  /local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
+    engines: {node: '>=14'}
+    dependencies:
+      mlly: 1.4.2
+      pkg-types: 1.0.3
+    dev: true
+
   /locate-path@3.0.0:
     resolution: {integrity: sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==}
     engines: {node: '>=6'}
@@ -2806,6 +3196,17 @@ packages:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
     dev: true
 
+  /loupe@2.3.7:
+    resolution: {integrity: sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==}
+    dependencies:
+      get-func-name: 2.0.2
+    dev: true
+
+  /lru-cache@10.1.0:
+    resolution: {integrity: sha512-/1clY/ui8CzjKFyjdvwPWJUYKiFVXG2I2cY0ssG7h4+hwk+XOIX7ZSG9Q7TW8TW3Kp3BUSqgFWBLgL4PJ+Blag==}
+    engines: {node: 14 || >=16.14}
+    dev: true
+
   /lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
     dependencies:
@@ -2825,6 +3226,10 @@ packages:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
 
+  /merge-stream@2.0.0:
+    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
+    dev: true
+
   /merge2@1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
@@ -2850,6 +3255,11 @@ packages:
       mime-db: 1.52.0
     dev: false
 
+  /mimic-fn@4.0.0:
+    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
     dependencies:
@@ -2863,6 +3273,13 @@ packages:
       brace-expansion: 2.0.1
     dev: true
 
+  /minimatch@9.0.1:
+    resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      brace-expansion: 2.0.1
+    dev: true
+
   /minimatch@9.0.3:
     resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -2874,6 +3291,11 @@ packages:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
     dev: true
 
+  /minipass@7.0.4:
+    resolution: {integrity: sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dev: true
+
   /mkdirp@1.0.4:
     resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
     engines: {node: '>=10'}
@@ -2886,6 +3308,15 @@ packages:
     hasBin: true
     dev: true
 
+  /mlly@1.4.2:
+    resolution: {integrity: sha512-i/Ykufi2t1EZ6NaPLdfnZk2AX8cs0d+mTzVKuPfqPKPatxLApaBoxJQ9x1/uckXtrS/U5oisPMDkNs0yQTaBRg==}
+    dependencies:
+      acorn: 8.11.3
+      pathe: 1.1.2
+      pkg-types: 1.0.3
+      ufo: 1.3.2
+    dev: true
+
   /ms@2.0.0:
     resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}
     dev: true
@@ -2914,10 +3345,25 @@ packages:
     resolution: {integrity: sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==}
     dev: true
 
+  /nopt@7.2.0:
+    resolution: {integrity: sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==}
+    engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
+    hasBin: true
+    dependencies:
+      abbrev: 2.0.0
+    dev: true
+
   /normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
+  /npm-run-path@5.2.0:
+    resolution: {integrity: sha512-W4/tgAXFqFA0iL7fk0+uQ3g7wkL8xJmx3XdK0VGb4cHW//eZTtKGvFBBoRKVTpY7n6ze4NL9ly7rgXcHufqXKg==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    dependencies:
+      path-key: 4.0.0
+    dev: true
+
   /nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
     dependencies:
@@ -2930,6 +3376,13 @@ packages:
       wrappy: 1.0.2
     dev: true
 
+  /onetime@6.0.0:
+    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      mimic-fn: 4.0.0
+    dev: true
+
   /openapi-types@12.1.3:
     resolution: {integrity: sha512-N4YtSYJqghVu4iek2ZUvcN/0aqH1kRDuNqzcycDxhOUpg7GdvLa2F3DgS6yBNhInhv2r/6I0Flkn7CqL8+nIcw==}
     dev: true
@@ -2971,6 +3424,13 @@ packages:
       yocto-queue: 0.1.0
     dev: true
 
+  /p-limit@5.0.0:
+    resolution: {integrity: sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==}
+    engines: {node: '>=18'}
+    dependencies:
+      yocto-queue: 1.0.0
+    dev: true
+
   /p-locate@3.0.0:
     resolution: {integrity: sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==}
     engines: {node: '>=6'}
@@ -3034,10 +3494,23 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /path-key@4.0.0:
+    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
+    engines: {node: '>=12'}
+    dev: true
+
   /path-parse@1.0.7:
     resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
     dev: true
 
+  /path-scurry@1.10.1:
+    resolution: {integrity: sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    dependencies:
+      lru-cache: 10.1.0
+      minipass: 7.0.4
+    dev: true
+
   /path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
@@ -3050,6 +3523,14 @@ packages:
       util: 0.10.4
     dev: true
 
+  /pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+    dev: true
+
+  /pathval@1.1.1:
+    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
+    dev: true
+
   /picocolors@1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
@@ -3062,10 +3543,10 @@ packages:
     peerDependencies:
       pinia: ^2.0.0
     dependencies:
-      pinia: 2.1.7(typescript@5.3.3)(vue@3.4.9)
+      pinia: 2.1.7(typescript@5.3.3)(vue@3.4.10)
     dev: false
 
-  /pinia@2.1.7(typescript@5.3.3)(vue@3.4.9):
+  /pinia@2.1.7(typescript@5.3.3)(vue@3.4.10):
     resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -3079,9 +3560,16 @@ packages:
     dependencies:
       '@vue/devtools-api': 6.5.1
       typescript: 5.3.3
-      vue: 3.4.9(typescript@5.3.3)
-      vue-demi: 0.14.6(vue@3.4.9)
-    dev: false
+      vue: 3.4.10(typescript@5.3.3)
+      vue-demi: 0.14.6(vue@3.4.10)
+
+  /pkg-types@1.0.3:
+    resolution: {integrity: sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==}
+    dependencies:
+      jsonc-parser: 3.2.0
+      mlly: 1.4.2
+      pathe: 1.1.2
+    dev: true
 
   /postcss-safe-parser@6.0.0(postcss@8.4.32):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
@@ -3146,11 +3634,24 @@ packages:
     hasBin: true
     dev: true
 
+  /pretty-format@29.7.0:
+    resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
+    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
+    dependencies:
+      '@jest/schemas': 29.6.3
+      ansi-styles: 5.2.0
+      react-is: 18.2.0
+    dev: true
+
   /process@0.11.10:
     resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
     engines: {node: '>= 0.6.0'}
     dev: true
 
+  /proto-list@1.2.4:
+    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
+    dev: true
+
   /proxy-from-env@1.1.0:
     resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
     dev: false
@@ -3164,6 +3665,10 @@ packages:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
     dev: true
 
+  /react-is@18.2.0:
+    resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
+    dev: true
+
   /readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -3193,6 +3698,10 @@ packages:
     engines: {node: '>=0.10.5'}
     dev: true
 
+  /resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+    dev: true
+
   /resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -3300,6 +3809,15 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+    dev: true
+
+  /signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+    dev: true
+
   /slash@3.0.0:
     resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
     engines: {node: '>=8'}
@@ -3339,6 +3857,14 @@ packages:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: true
 
+  /stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+    dev: true
+
+  /std-env@3.7.0:
+    resolution: {integrity: sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==}
+    dev: true
+
   /string-argv@0.3.2:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
@@ -3362,6 +3888,15 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
+  /string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.0
+    dev: true
+
   /strip-ansi@5.2.0:
     resolution: {integrity: sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==}
     engines: {node: '>=6'}
@@ -3376,11 +3911,29 @@ packages:
       ansi-regex: 5.0.1
     dev: true
 
+  /strip-ansi@7.1.0:
+    resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-regex: 6.0.1
+    dev: true
+
+  /strip-final-newline@3.0.0:
+    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
+    engines: {node: '>=12'}
+    dev: true
+
   /strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
     dev: true
 
+  /strip-literal@1.3.0:
+    resolution: {integrity: sha512-PugKzOsyXpArk0yWmUwqOZecSO0GH0bPoctLcqNDH9J04pVW3lflYE0ujElBGTloevcxF5MofAOZ7C5l2b+wLg==}
+    dependencies:
+      acorn: 8.11.3
+    dev: true
+
   /stylus@0.54.8:
     resolution: {integrity: sha512-vr54Or4BZ7pJafo2mpf0ZcwA74rpuYCZbxrHBsH8kbcXOwSfvBFwsRfpGO5OD5fhG5HDCFW737PKaawI7OqEAg==}
     hasBin: true
@@ -3397,6 +3950,15 @@ packages:
       - supports-color
     dev: true
 
+  /super-regex@0.2.0:
+    resolution: {integrity: sha512-WZzIx3rC1CvbMDloLsVw0lkZVKJWbrkJ0k1ghKFmcnPrW1+jWbgTkTEWVtD9lMdmI4jZEz40+naBxl1dCUhXXw==}
+    engines: {node: '>=14.16'}
+    dependencies:
+      clone-regexp: 3.0.0
+      function-timeout: 0.1.1
+      time-span: 5.1.0
+    dev: false
+
   /supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
     engines: {node: '>=4'}
@@ -3432,6 +3994,27 @@ packages:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
+  /time-span@5.1.0:
+    resolution: {integrity: sha512-75voc/9G4rDIJleOo4jPvN4/YC4GRZrY8yy1uU4lwrB3XEQbWve8zXoO5No4eFrGcTAMYyoY67p8jRQdtA1HbA==}
+    engines: {node: '>=12'}
+    dependencies:
+      convert-hrtime: 5.0.0
+    dev: false
+
+  /tinybench@2.5.1:
+    resolution: {integrity: sha512-65NKvSuAVDP/n4CqH+a9w2kTlLReS9vhsAP06MWx+/89nMinJyB2icyl58RIcqCmIggpojIGeuJGhjU1aGMBSg==}
+    dev: true
+
+  /tinypool@0.8.1:
+    resolution: {integrity: sha512-zBTCK0cCgRROxvs9c0CGK838sPkeokNGdQVUUwHAbynHFlmyJYj825f/oRs528HaIJ97lo0pLIlDUzwN+IorWg==}
+    engines: {node: '>=14.0.0'}
+    dev: true
+
+  /tinyspy@2.2.0:
+    resolution: {integrity: sha512-d2eda04AN/cPOR89F7Xv5bK/jrQEhmcLFe6HFldoeO9AJtps+fqEnh486vnT/8y4bw38pSyxDcTCAq+Ks2aJTg==}
+    engines: {node: '>=14.0.0'}
+    dev: true
+
   /to-fast-properties@2.0.0:
     resolution: {integrity: sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==}
     engines: {node: '>=4'}
@@ -3462,6 +4045,11 @@ packages:
       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'}
@@ -3477,6 +4065,10 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  /ufo@1.3.2:
+    resolution: {integrity: sha512-o+ORpgGwaYQXgqGDwd+hkS4PuZ3QnmqMMxRuajK/a38L6fTpcE5GPIfrf+L/KemFzfUpeUQc1rRS1iDBozvnFA==}
+    dev: true
+
   /uglify-js@3.17.4:
     resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==}
     engines: {node: '>=0.8.0'}
@@ -3539,16 +4131,37 @@ packages:
     engines: {node: '>= 0.10'}
     dev: true
 
-  /vee-validate@4.12.4(vue@3.4.9):
+  /vee-validate@4.12.4(vue@3.4.10):
     resolution: {integrity: sha512-rqSjMdl0l/RiGKywKhkXttUKwDlQOoxTxe31uMQiMlwK4Hbtlvr3OcQvpREp/qPTARxNKudKWCUVW/mfzuxUVQ==}
     peerDependencies:
       vue: ^3.3.11
     dependencies:
       '@vue/devtools-api': 6.5.1
       type-fest: 4.9.0
-      vue: 3.4.9(typescript@5.3.3)
+      vue: 3.4.10(typescript@5.3.3)
     dev: false
 
+  /vite-node@1.1.3(@types/node@18.19.4)(sass@1.69.7):
+    resolution: {integrity: sha512-BLSO72YAkIUuNrOx+8uznYICJfTEbvBAmWClY3hpath5+h1mbPS5OMn42lrTxXuyCazVyZoDkSRnju78GiVCqA==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.4
+      pathe: 1.1.2
+      picocolors: 1.0.0
+      vite: 5.0.11(@types/node@18.19.4)(sass@1.69.7)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
   /vite-plugin-dts@3.7.0(@types/node@18.19.4)(typescript@5.3.3)(vite@5.0.11):
     resolution: {integrity: sha512-np1uPaYzu98AtPReB8zkMnbjwcNHOABsLhqVOf81b3ol9b5M2wPcAVs8oqPnOpr6Us+7yDXVauwkxsk5+ldmRA==}
     engines: {node: ^14.18.0 || >=16.0.0}
@@ -3573,7 +4186,7 @@ packages:
       - supports-color
     dev: true
 
-  /vite-plugin-vuetify@2.0.1(vite@5.0.11)(vue@3.4.9)(vuetify@3.4.10):
+  /vite-plugin-vuetify@2.0.1(vite@5.0.11)(vue@3.4.10)(vuetify@3.4.10):
     resolution: {integrity: sha512-GlRVAruohE8b0FqmeYYh1cYg3n8THGOv066uMA44qLv9uhUxSLw55CS7fi2yU0wH363TJ2vq36zUsPTjRFrjGQ==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
@@ -3581,12 +4194,12 @@ packages:
       vue: ^3.0.0
       vuetify: ^3.0.0
     dependencies:
-      '@vuetify/loader-shared': 2.0.1(vue@3.4.9)(vuetify@3.4.10)
+      '@vuetify/loader-shared': 2.0.1(vue@3.4.10)(vuetify@3.4.10)
       debug: 4.3.4
       upath: 2.0.1
       vite: 5.0.11(@types/node@18.19.4)(sass@1.69.7)
-      vue: 3.4.9(typescript@5.3.3)
-      vuetify: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.9)
+      vue: 3.4.10(typescript@5.3.3)
+      vuetify: 3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.10)
     transitivePeerDependencies:
       - supports-color
 
@@ -3626,7 +4239,69 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vue-demi@0.14.6(vue@3.4.9):
+  /vitest@1.1.3(@types/node@18.19.4)(happy-dom@12.10.3)(sass@1.69.7):
+    resolution: {integrity: sha512-2l8om1NOkiA90/Y207PsEvJLYygddsOyr81wLQ20Ra8IlLKbyQncWsGZjnbkyG2KwwuTXLQjEPOJuxGMG8qJBQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@types/node': ^18.0.0 || >=20.0.0
+      '@vitest/browser': ^1.0.0
+      '@vitest/ui': ^1.0.0
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+    dependencies:
+      '@types/node': 18.19.4
+      '@vitest/expect': 1.1.3
+      '@vitest/runner': 1.1.3
+      '@vitest/snapshot': 1.1.3
+      '@vitest/spy': 1.1.3
+      '@vitest/utils': 1.1.3
+      acorn-walk: 8.3.2
+      cac: 6.7.14
+      chai: 4.4.0
+      debug: 4.3.4
+      execa: 8.0.1
+      happy-dom: 12.10.3
+      local-pkg: 0.5.0
+      magic-string: 0.30.5
+      pathe: 1.1.2
+      picocolors: 1.0.0
+      std-env: 3.7.0
+      strip-literal: 1.3.0
+      tinybench: 2.5.1
+      tinypool: 0.8.1
+      vite: 5.0.11(@types/node@18.19.4)(sass@1.69.7)
+      vite-node: 1.1.3(@types/node@18.19.4)(sass@1.69.7)
+      why-is-node-running: 2.2.2
+    transitivePeerDependencies:
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: true
+
+  /vue-component-type-helpers@1.8.27:
+    resolution: {integrity: sha512-0vOfAtI67UjeO1G6UiX5Kd76CqaQ67wrRZiOe7UAb9Jm6GzlUr/fC7CV90XfwapJRjpCMaZFhv1V0ajWRmE9Dg==}
+    dev: true
+
+  /vue-demi@0.14.6(vue@3.4.10):
     resolution: {integrity: sha512-8QA7wrYSHKaYgUxDA5ZC24w+eHm3sYCbp0EzcDwKqN3p6HqtTCGR/GVsPyZW92unff4UlcSh++lmqDWN3ZIq4w==}
     engines: {node: '>=12'}
     hasBin: true
@@ -3638,8 +4313,7 @@ packages:
       '@vue/composition-api':
         optional: true
     dependencies:
-      vue: 3.4.9(typescript@5.3.3)
-    dev: false
+      vue: 3.4.10(typescript@5.3.3)
 
   /vue-eslint-parser@9.4.0(eslint@8.56.0):
     resolution: {integrity: sha512-7KsNBb6gHFA75BtneJsoK/dbZ281whUIwFYdQxA68QrCrGMXYzUMbPDHGcOQ0OocIVKrWSKWXZ4mL7tonCXoUw==}
@@ -3659,7 +4333,7 @@ packages:
       - supports-color
     dev: true
 
-  /vue-i18n@9.9.0(vue@3.4.9):
+  /vue-i18n@9.9.0(vue@3.4.10):
     resolution: {integrity: sha512-xQ5SxszUAqK5n84N+uUyHH/PiQl9xZ24FOxyAaNonmOQgXeN+rD9z/6DStOpOxNFQn4Cgcquot05gZc+CdOujA==}
     engines: {node: '>= 16'}
     peerDependencies:
@@ -3668,15 +4342,15 @@ packages:
       '@intlify/core-base': 9.9.0
       '@intlify/shared': 9.9.0
       '@vue/devtools-api': 6.5.1
-      vue: 3.4.9(typescript@5.3.3)
+      vue: 3.4.10(typescript@5.3.3)
 
-  /vue-router@4.2.5(vue@3.4.9):
+  /vue-router@4.2.5(vue@3.4.10):
     resolution: {integrity: sha512-DIUpKcyg4+PTQKfFPX88UWhlagBEBEfJ5A8XDXRJLUnZOvcpMF8o/dnL90vpVkGaPbjvXazV/rC1qBKrZlFugw==}
     peerDependencies:
       vue: ^3.2.0
     dependencies:
       '@vue/devtools-api': 6.5.1
-      vue: 3.4.9(typescript@5.3.3)
+      vue: 3.4.10(typescript@5.3.3)
     dev: false
 
   /vue-template-compiler@2.7.16:
@@ -3698,22 +4372,22 @@ packages:
       typescript: 5.3.3
     dev: true
 
-  /vue@3.4.9(typescript@5.3.3):
-    resolution: {integrity: sha512-3Dc0cZqHIxvoKugWOTe6MCv8Hr+jQAumEyHEe/9ZPNiZvcHSP/HfiHZivqdO1hSeFtWLKa1iuyNTBRKSQhbxsA==}
+  /vue@3.4.10(typescript@5.3.3):
+    resolution: {integrity: sha512-c+O8qGqdWPF9joTCzMGeDDedViooh6c8RY3+eW5+6GCAIY8YjChmU06LsUu0PnMZbIk1oKUoJTqKzmghYtFypw==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
       typescript:
         optional: true
     dependencies:
-      '@vue/compiler-dom': 3.4.9
-      '@vue/compiler-sfc': 3.4.9
-      '@vue/runtime-dom': 3.4.9
-      '@vue/server-renderer': 3.4.9(vue@3.4.9)
-      '@vue/shared': 3.4.9
+      '@vue/compiler-dom': 3.4.10
+      '@vue/compiler-sfc': 3.4.10
+      '@vue/runtime-dom': 3.4.10
+      '@vue/server-renderer': 3.4.10(vue@3.4.10)
+      '@vue/shared': 3.4.10
       typescript: 5.3.3
 
-  /vuetify@3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.9):
+  /vuetify@3.4.10(typescript@5.3.3)(vite-plugin-vuetify@2.0.1)(vue-i18n@9.9.0)(vue@3.4.10):
     resolution: {integrity: sha512-tObGoumCJxuK26OpS/CLZZIJAgDtN2cnd31vJscVhpuf6jeMD7wh8IsgfZownAOXU1FcKWVQwn1RSDsoXk5cJA==}
     engines: {node: ^12.20 || >=14.13}
     peerDependencies:
@@ -3733,9 +4407,30 @@ packages:
         optional: true
     dependencies:
       typescript: 5.3.3
-      vite-plugin-vuetify: 2.0.1(vite@5.0.11)(vue@3.4.9)(vuetify@3.4.10)
-      vue: 3.4.9(typescript@5.3.3)
-      vue-i18n: 9.9.0(vue@3.4.9)
+      vite-plugin-vuetify: 2.0.1(vite@5.0.11)(vue@3.4.10)(vuetify@3.4.10)
+      vue: 3.4.10(typescript@5.3.3)
+      vue-i18n: 9.9.0(vue@3.4.10)
+
+  /wait-for-expect@3.0.2:
+    resolution: {integrity: sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag==}
+    dev: true
+
+  /webidl-conversions@7.0.0:
+    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
+    engines: {node: '>=12'}
+    dev: true
+
+  /whatwg-encoding@2.0.0:
+    resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
+    engines: {node: '>=12'}
+    dependencies:
+      iconv-lite: 0.6.3
+    dev: true
+
+  /whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+    dev: true
 
   /which-module@2.0.1:
     resolution: {integrity: sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==}
@@ -3749,6 +4444,15 @@ packages:
       isexe: 2.0.0
     dev: true
 
+  /why-is-node-running@2.2.2:
+    resolution: {integrity: sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==}
+    engines: {node: '>=8'}
+    hasBin: true
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+    dev: true
+
   /wordwrap@1.0.0:
     resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
     dev: true
@@ -3771,6 +4475,24 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
+  /wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+    dev: true
+
+  /wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+    dependencies:
+      ansi-styles: 6.2.1
+      string-width: 5.1.2
+      strip-ansi: 7.1.0
+    dev: true
+
   /wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
     dev: true
@@ -3858,6 +4580,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /yocto-queue@1.0.0:
+    resolution: {integrity: sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==}
+    engines: {node: '>=12.20'}
+    dev: true
+
   /z-schema@5.0.5:
     resolution: {integrity: sha512-D7eujBWkLa3p2sIpJA0d1pr7es+a7m0vFAnZLlCEKq/Ij2k0MLi9Br2UPxoxdYystm5K1yeBGzub0FlYUEWj2Q==}
     engines: {node: '>=8.0.0'}
diff --git a/src/security-server/admin-service/ui/src/components/wizard/WizardPageCsrDetails.vue b/src/security-server/admin-service/ui/src/components/wizard/WizardPageCsrDetails.vue
index 8b5ee32ace..0116c2692b 100644
--- a/src/security-server/admin-service/ui/src/components/wizard/WizardPageCsrDetails.vue
+++ b/src/security-server/admin-service/ui/src/components/wizard/WizardPageCsrDetails.vue
@@ -115,7 +115,7 @@ import { useUser } from '@/store/modules/user';
 import { useCsr } from '@/store/modules/certificateSignRequest';
 import { defineRule, PublicPathState, useForm } from 'vee-validate';
 import { FieldValidationMetaInfo } from '@vee-validate/i18n';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 
 defineRule(
   'requiredIfSigning',
diff --git a/src/security-server/admin-service/ui/src/filters.ts b/src/security-server/admin-service/ui/src/filters.ts
index 43cbf9c01f..4699db5cff 100644
--- a/src/security-server/admin-service/ui/src/filters.ts
+++ b/src/security-server/admin-service/ui/src/filters.ts
@@ -24,7 +24,7 @@
  * THE SOFTWARE.
  */
 import { App } from 'vue';
-import i18n from './plugins/i18n';
+import { i18n } from './plugins/i18n';
 
 export class Filters {
   capitalize(value: string): string {
diff --git a/src/security-server/admin-service/ui/src/main.ts b/src/security-server/admin-service/ui/src/main.ts
index 51da09af05..2be42f1503 100644
--- a/src/security-server/admin-service/ui/src/main.ts
+++ b/src/security-server/admin-service/ui/src/main.ts
@@ -66,7 +66,7 @@ import router from './router';
 import '@fontsource/open-sans/800.css';
 import '@fontsource/open-sans/700.css';
 import '@fontsource/open-sans';
-import i18n from './plugins/i18n';
+import { i18n } from './plugins/i18n';
 import { createPinia } from 'pinia';
 import { createPersistedState } from 'pinia-plugin-persistedstate';
 import { createFilters } from '@/filters';
diff --git a/src/security-server/admin-service/ui/src/plugins/i18n.ts b/src/security-server/admin-service/ui/src/plugins/i18n.ts
index 32553ede93..4c17ec7695 100644
--- a/src/security-server/admin-service/ui/src/plugins/i18n.ts
+++ b/src/security-server/admin-service/ui/src/plugins/i18n.ts
@@ -23,8 +23,27 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-import { createSharedI18n } from '@niis/shared-ui';
-import vee_en from '@vee-validate/i18n/dist/locale/en.json';
+import { createI18n } from 'vue-i18n';
+import veeEn from '@vee-validate/i18n/dist/locale/en.json';
 import en from '@/locales/en.json';
+import merge from 'deepmerge';
 
-export default createSharedI18n({ en: { validation: vee_en } }, { en });
+import { messages } from '@niis/shared-ui';
+
+const validation = { validation: veeEn };
+
+type Shared = typeof messages.en;
+type Vee = typeof validation;
+type En = typeof en;
+export type MessageSchema = Vee & Shared & En;
+
+let common = merge(validation, messages.en);
+common = merge(common, en);
+export const i18n = createI18n<[MessageSchema], 'en'>({
+  legacy: false,
+  locale: import.meta.env.VITE_VUE_APP_I18N_LOCALE || 'en',
+  fallbackLocale: import.meta.env.VITE_VUE_APP_I18N_FALLBACK_LOCALE || 'en',
+  silentFallbackWarn: true,
+  allowComposition: true,
+  messages: { en: common as MessageSchema },
+});
diff --git a/src/security-server/admin-service/ui/src/plugins/vee-validate.ts b/src/security-server/admin-service/ui/src/plugins/vee-validate.ts
index fd09e440fc..fdc6383800 100644
--- a/src/security-server/admin-service/ui/src/plugins/vee-validate.ts
+++ b/src/security-server/admin-service/ui/src/plugins/vee-validate.ts
@@ -32,7 +32,7 @@ import {
   between,
   confirmed,
 } from '@vee-validate/rules';
-import i18n from './i18n';
+import { i18n } from './i18n';
 import * as Helpers from '@/util/helpers';
 import { FieldValidationMetaInfo } from '@vee-validate/i18n';
 
diff --git a/src/security-server/admin-service/ui/src/router.ts b/src/security-server/admin-service/ui/src/router.ts
index 933a6be2d4..098eafa3c6 100644
--- a/src/security-server/admin-service/ui/src/router.ts
+++ b/src/security-server/admin-service/ui/src/router.ts
@@ -35,7 +35,7 @@ import InitialConfiguration from '@/views/InitialConfiguration/InitialConfigurat
 import TabsBaseEmpty from '@/components/layout/TabsBaseEmpty.vue';
 import { Permissions, RouteName } from '@/global';
 import routes from '@/routes';
-import i18n from './plugins/i18n';
+import { i18n } from './plugins/i18n';
 import { useNotifications } from '@/store/modules/notifications';
 import { useUser } from '@/store/modules/user';
 
diff --git a/src/security-server/admin-service/ui/src/store/modules/clients.ts b/src/security-server/admin-service/ui/src/store/modules/clients.ts
index d9cc2b0c4a..5faff3185e 100644
--- a/src/security-server/admin-service/ui/src/store/modules/clients.ts
+++ b/src/security-server/admin-service/ui/src/store/modules/clients.ts
@@ -28,7 +28,7 @@ import { Client } from '@/openapi-types';
 import { createClientId, deepClone, Mutable } from '@/util/helpers';
 import { ExtendedClient } from '@/ui-types';
 import { ClientTypes } from '@/global';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import { defineStore } from 'pinia';
 
 const UNKNOWN_NAME: string = i18n.global.t('client.unknownMember') as string;
diff --git a/src/security-server/admin-service/ui/src/store/modules/user.ts b/src/security-server/admin-service/ui/src/store/modules/user.ts
index e1e14efdf8..702201601c 100644
--- a/src/security-server/admin-service/ui/src/store/modules/user.ts
+++ b/src/security-server/admin-service/ui/src/store/modules/user.ts
@@ -35,7 +35,7 @@ import {
   User,
 } from '@/openapi-types';
 import { SessionStatus, Tab } from '@/ui-types';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import { routePermissions } from '@/routePermissions';
 import { useSystem } from './system';
 import { RouteRecordName } from 'vue-router';
diff --git a/src/security-server/admin-service/ui/src/views/ServiceDescriptionDetails/ServiceDescriptionDetails.vue b/src/security-server/admin-service/ui/src/views/ServiceDescriptionDetails/ServiceDescriptionDetails.vue
index ede268d063..94575d8b6a 100644
--- a/src/security-server/admin-service/ui/src/views/ServiceDescriptionDetails/ServiceDescriptionDetails.vue
+++ b/src/security-server/admin-service/ui/src/views/ServiceDescriptionDetails/ServiceDescriptionDetails.vue
@@ -182,7 +182,7 @@ import { useNotifications } from '@/store/modules/notifications';
 import { useUser } from '@/store/modules/user';
 import { defineRule, PublicPathState, useForm } from 'vee-validate';
 import { useServices } from '@/store/modules/services';
-import i18n from '@/plugins/i18n';
+import { i18n } from '@/plugins/i18n';
 import { FieldValidationMetaInfo } from '@vee-validate/i18n';
 
 defineRule(
diff --git a/src/shared-ui/package.json b/src/shared-ui/package.json
index d5a24751f9..168fad389d 100644
--- a/src/shared-ui/package.json
+++ b/src/shared-ui/package.json
@@ -18,7 +18,7 @@
     "axios": "~1.6.5",
     "deepmerge": "^4.3.1",
     "vuetify": "3.4.10",
-    "vue": "^3.4.9",
+    "vue": "^3.4.10",
     "vue-i18n": "^9.9.0",
     "vue-router": "^4.2.5",
     "vee-validate": "^4.12.4",
diff --git a/src/shared-ui/src/components/XrdButton.vue b/src/shared-ui/src/components/XrdButton.vue
index 6f7901d853..fb168fb752 100644
--- a/src/shared-ui/src/components/XrdButton.vue
+++ b/src/shared-ui/src/components/XrdButton.vue
@@ -41,7 +41,7 @@
     :type="submit ? 'submit' : 'button'"
     @click="click"
   >
-    <slot>{{ text }}</slot>
+    <slot>T</slot>
   </v-btn>
 </template>
 
diff --git a/src/shared-ui/src/main.ts b/src/shared-ui/src/main.ts
index 311bf54457..03774dccae 100644
--- a/src/shared-ui/src/main.ts
+++ b/src/shared-ui/src/main.ts
@@ -37,7 +37,7 @@ import App from './App.vue';
 import { createApp } from 'vue';
 
 // Plugins
-import i18n from './plugins/i18n';
+import { i18n } from './plugins/i18n';
 
 createApp(App)
   .use(i18n)