From 178424a18479d300620fc9a3695e8540f6d9c659 Mon Sep 17 00:00:00 2001
From: formsdev <136701234+formsdev@users.noreply.github.com>
Date: Tue, 2 Jan 2024 17:39:41 +0530
Subject: [PATCH] Migrate to nuxt settings page AND remove axios (#266)

* Settings pages migration

* remove axios and use opnFetch

* Make created form reactive (#267)

* Remove verify pages and axios lib

---------

Co-authored-by: Julien Nahum <julien@nahum.net>
---
 client/components/forms/FileInput.vue         |   8 +-
 client/components/forms/ImageInput.vue        |   8 +-
 .../open/components/RecordOperations.vue      |   7 +-
 client/components/open/forms/OpenForm.vue     |   5 +-
 .../open/forms/components/FormStats.vue       |   1 -
 .../templates/FormTemplateModal.vue           |   7 +-
 client/components/pages/forms/NewFeatures.vue |   5 +-
 .../forms/create/CreateFormBaseModal.vue      |  11 +-
 .../components/pages/forms/show/ExtraMenu.vue |   1 -
 .../pages/forms/show/RegenerateFormLink.vue   |   9 +-
 .../pages/pricing/CheckoutDetailsModal.vue    |   5 +-
 .../components/pages/pricing/PricingTable.vue |   5 +-
 client/composables/lib/vForm/Form.js          |   4 +-
 client/composables/useForm.js                 |   2 +-
 client/package-lock.json                      | 677 +++++++++---------
 client/package.json                           |   1 -
 client/pages/auth/verification/resend.vue     |  55 --
 client/pages/auth/verification/verify.vue     |  59 --
 client/pages/settings.vue                     |  87 +++
 client/pages/settings/account.vue             |  57 +-
 client/pages/settings/admin.vue               |  72 +-
 client/pages/settings/billing.vue             |  50 +-
 client/pages/settings/index.vue               | 108 +--
 client/pages/settings/password.vue            |  34 +-
 client/pages/settings/profile.vue             |  55 +-
 client/pages/settings/workspace.vue           | 175 +++--
 client/stores/workspaces.js                   |   2 +-
 27 files changed, 622 insertions(+), 888 deletions(-)
 delete mode 100644 client/pages/auth/verification/resend.vue
 delete mode 100644 client/pages/auth/verification/verify.vue
 create mode 100644 client/pages/settings.vue

diff --git a/client/components/forms/FileInput.vue b/client/components/forms/FileInput.vue
index 423e468..1240a87 100644
--- a/client/components/forms/FileInput.vue
+++ b/client/components/forms/FileInput.vue
@@ -76,7 +76,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 import { inputProps, useFormInput } from './useFormInput.js'
 import InputWrapper from './components/InputWrapper.vue'
 import UploadedFile from './components/UploadedFile.vue'
@@ -193,13 +192,14 @@ export default {
           }
           if (this.moveToFormAssets) {
             // Move file to permanent storage for form assets
-            axios.post('/api/open/forms/assets/upload', {
+            opnFetch('/open/forms/assets/upload', {
+              method: 'POST',
               type: 'files',
               url: file.name.split('.').slice(0, -1).join('.') + '_' + response.uuid + '.' + response.extension
-            }).then(moveFileResponse => {
+            }).then(moveFileResponseData => {
               this.files.push({
                 file: file,
-                url: moveFileResponse.data.url,
+                url: moveFileResponseData.url,
                 src: this.getFileSrc(file)
               })
               this.loading = false
diff --git a/client/components/forms/ImageInput.vue b/client/components/forms/ImageInput.vue
index a827462..b67cb6a 100644
--- a/client/components/forms/ImageInput.vue
+++ b/client/components/forms/ImageInput.vue
@@ -107,7 +107,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 import { inputProps, useFormInput } from './useFormInput.js'
 import InputWrapper from './components/InputWrapper.vue'
 import Modal from '../global/Modal.vue'
@@ -190,13 +189,14 @@ export default {
       // Store file in s3
       this.storeFile(this.file).then(response => {
         // Move file to permanent storage for form assets
-        axios.post('/api/open/forms/assets/upload', {
+        opnFetch('/open/forms/assets/upload', {
+          method: 'POST',
           url: this.file.name.split('.').slice(0, -1).join('.') + '_' + response.uuid + '.' + response.extension
-        }).then(moveFileResponse => {
+        }).then(moveFileResponseData => {
           if (!this.multiple) {
             this.files = []
           }
-          this.compVal = moveFileResponse.data.url
+          this.compVal = moveFileResponseData.url
           this.showUploadModal = false
           this.loading = false
         }).catch((error) => {
diff --git a/client/components/open/components/RecordOperations.vue b/client/components/open/components/RecordOperations.vue
index f98cd4e..08ee50f 100644
--- a/client/components/open/components/RecordOperations.vue
+++ b/client/components/open/components/RecordOperations.vue
@@ -16,7 +16,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 
 export default {
   components: { },
@@ -52,10 +51,10 @@ export default {
       this.useAlert.confirm('Do you really want to delete this record?', this.deleteRecord)
     },
     async deleteRecord () {
-      axios.delete('/api/open/forms/' + this.form.id + '/records/' + this.rowid + '/delete').then(async (response) => {
-        if (response.data.type === 'success') {
+      opnFetch('/open/forms/' + this.form.id + '/records/' + this.rowid + '/delete', {method:'DELETE'}).then(async (data) => {
+        if (data.type === 'success') {
           this.$emit('deleted')
-          this.useAlert.success(response.data.message)
+          this.useAlert.success(data.message)
         } else {
           this.useAlert.error('Something went wrong!')
         }
diff --git a/client/components/open/forms/OpenForm.vue b/client/components/open/forms/OpenForm.vue
index 8f3a72b..806bc70 100644
--- a/client/components/open/forms/OpenForm.vue
+++ b/client/components/open/forms/OpenForm.vue
@@ -60,7 +60,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 import clonedeep from 'clone-deep'
 import draggable from 'vuedraggable'
 import OpenFormButton from './OpenFormButton.vue'
@@ -293,8 +292,8 @@ export default {
         return null
       }
       await this.recordsStore.loadRecord(
-        axios.get('/api/forms/' + this.form.slug + '/submissions/' + this.form.submission_id).then((response) => {
-          return { submission_id: this.form.submission_id, ...response.data.data }
+        opnFetch('/forms/' + this.form.slug + '/submissions/' + this.form.submission_id).then((data) => {
+          return { submission_id: this.form.submission_id, ...data.data }
         })
       )
       return this.recordsStore.getById(this.form.submission_id)
diff --git a/client/components/open/forms/components/FormStats.vue b/client/components/open/forms/components/FormStats.vue
index 1c70a54..7e30dfa 100644
--- a/client/components/open/forms/components/FormStats.vue
+++ b/client/components/open/forms/components/FormStats.vue
@@ -28,7 +28,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 import { Line as LineChart } from 'vue-chartjs'
 import {
   Chart as ChartJS,
diff --git a/client/components/open/forms/components/templates/FormTemplateModal.vue b/client/components/open/forms/components/templates/FormTemplateModal.vue
index be8044f..c634bc7 100644
--- a/client/components/open/forms/components/templates/FormTemplateModal.vue
+++ b/client/components/open/forms/components/templates/FormTemplateModal.vue
@@ -72,7 +72,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 import { computed } from 'vue'
 import QuestionsEditor from './QuestionsEditor.vue'
 
@@ -175,9 +174,9 @@ export default {
     },
     async deleteFormTemplate () {
       if (!this.template) return
-      axios.delete('/api/templates/' + this.template.id).then((response) => {
-        if (response.data.message) {
-          this.useAlert.success(response.data.message)
+      opnFetch('/templates/' + this.template.id, {method:'DELETE'}).then((data) => {
+        if (data.message) {
+          this.useAlert.success(data.message)
         }
         this.$router.push({ name: 'templates' })
         this.templatesStore.remove(this.template)
diff --git a/client/components/pages/forms/NewFeatures.vue b/client/components/pages/forms/NewFeatures.vue
index 4841b19..7b2d65e 100644
--- a/client/components/pages/forms/NewFeatures.vue
+++ b/client/components/pages/forms/NewFeatures.vue
@@ -63,7 +63,6 @@
 
 <script>
 import { computed } from 'vue'
-import axios from 'axios'
 import { useAuthStore } from '../../../stores/auth';
 import VTransition from '~/components/global/transitions/VTransition.vue'
 
@@ -98,8 +97,8 @@ export default {
 
   methods: {
     loadChangelogEntries () {
-      axios.get('/api/content/changelog/entries').then(response => {
-        this.changelogEntries = response.data.splice(0, 3)
+      opnFetch('/content/changelog/entries').then(data => {
+        this.changelogEntries = data.splice(0, 3)
       })
     }
   }
diff --git a/client/components/pages/forms/create/CreateFormBaseModal.vue b/client/components/pages/forms/create/CreateFormBaseModal.vue
index 86512fe..8f511bf 100644
--- a/client/components/pages/forms/create/CreateFormBaseModal.vue
+++ b/client/components/pages/forms/create/CreateFormBaseModal.vue
@@ -91,7 +91,6 @@
 </template>
 
 <script>
-import axios from 'axios'
 
 export default {
   props: {
@@ -133,12 +132,12 @@ export default {
     fetchGeneratedForm (generationId) {
       // check every 4 seconds if form is generated
       setTimeout(() => {
-        axios.get('/api/forms/ai/' + generationId).then(response => {
-          if (response.data.ai_form_completion.status === 'completed') {
-            this.useAlert.success(response.data.message)
-            this.$emit('form-generated', JSON.parse(response.data.ai_form_completion.result))
+        opnFetch('/forms/ai/' + generationId).then(data => {
+          if (data.ai_form_completion.status === 'completed') {
+            this.useAlert.success(data.message)
+            this.$emit('form-generated', JSON.parse(data.ai_form_completion.result))
             this.$emit('close')
-          } else if (response.data.ai_form_completion.status === 'failed') {
+          } else if (data.ai_form_completion.status === 'failed') {
             this.useAlert.error('Something went wrong, please try again.')
             this.state = 'default'
             this.loading = false
diff --git a/client/components/pages/forms/show/ExtraMenu.vue b/client/components/pages/forms/show/ExtraMenu.vue
index eae498a..3aa72ef 100644
--- a/client/components/pages/forms/show/ExtraMenu.vue
+++ b/client/components/pages/forms/show/ExtraMenu.vue
@@ -140,7 +140,6 @@
 
 <script>
 import { computed } from 'vue'
-import axios from 'axios'
 import Dropdown from '~/components/global/Dropdown.vue'
 import FormTemplateModal from '../../../open/forms/components/templates/FormTemplateModal.vue'
 
diff --git a/client/components/pages/forms/show/RegenerateFormLink.vue b/client/components/pages/forms/show/RegenerateFormLink.vue
index 0aed42b..ad23640 100644
--- a/client/components/pages/forms/show/RegenerateFormLink.vue
+++ b/client/components/pages/forms/show/RegenerateFormLink.vue
@@ -73,7 +73,6 @@
 
 <script>
 import { computed } from 'vue'
-import axios from 'axios'
 import { useFormsStore } from '../../../../stores/forms'
 
 export default {
@@ -103,10 +102,10 @@ export default {
     regenerateLink(option) {
       if (this.loadingNewLink) return
       this.loadingNewLink = true
-      axios.put(this.formEndpoint.replace('{id}', this.form.id) + '/regenerate-link/' + option).then((response) => {
-        this.formsStore.addOrUpdate(response.data.form)
-        this.$router.push({name: 'forms-slug-show-share', params: {slug: response.data.form.slug}})
-        useAlert().success(response.data.message)
+      opnFetch(this.formEndpoint.replace('{id}', this.form.id) + '/regenerate-link/' + option, {method:'PUT'}).then((data) => {
+        this.formsStore.addOrUpdate(data.form)
+        this.$router.push({name: 'forms-slug-show-share', params: {slug: data.form.slug}})
+        useAlert().success(data.message)
         this.loadingNewLink = false
       }).finally(() => {
         this.showGenerateFormLinkModal = false
diff --git a/client/components/pages/pricing/CheckoutDetailsModal.vue b/client/components/pages/pricing/CheckoutDetailsModal.vue
index 7329fb7..689f243 100644
--- a/client/components/pages/pricing/CheckoutDetailsModal.vue
+++ b/client/components/pages/pricing/CheckoutDetailsModal.vue
@@ -12,7 +12,6 @@
 
 <script>
 import { computed } from 'vue'
-import axios from 'axios'
 import TextInput from '../../forms/TextInput.vue'
 import VButton from '~/components/global/VButton.vue'
 
@@ -81,8 +80,8 @@ export default {
       if (this.form.busy) return
       this.form.put('api/subscription/update-customer-details').then(() => {
         this.loading = true
-        axios.get('/api/subscription/new/' + this.plan + '/' + (!this.yearly ? 'monthly' : 'yearly') + '/checkout/with-trial').then((response) => {
-          window.location = response.data.checkout_url
+        opnFetch('/subscription/new/' + this.plan + '/' + (!this.yearly ? 'monthly' : 'yearly') + '/checkout/with-trial').then((data) => {
+          window.location = data.checkout_url
         }).catch((error) => {
           useAlert().error(error.response.data.message)
         }).finally(() => {
diff --git a/client/components/pages/pricing/PricingTable.vue b/client/components/pages/pricing/PricingTable.vue
index 32dbaeb..559496d 100644
--- a/client/components/pages/pricing/PricingTable.vue
+++ b/client/components/pages/pricing/PricingTable.vue
@@ -109,7 +109,6 @@
 <script>
 import { computed } from 'vue'
 import { useAuthStore } from '../../../stores/auth'
-import axios from 'axios'
 import MonthlyYearlySelector from './MonthlyYearlySelector.vue'
 import CheckoutDetailsModal from './CheckoutDetailsModal.vue'
 import CustomPlan from './CustomPlan.vue'
@@ -160,9 +159,9 @@ export default {
     },
     openBilling () {
       this.billingLoading = true
-      axios.get('/api/subscription/billing-portal').then((response) => {
+      opnFetch('/subscription/billing-portal').then((data) => {
         this.billingLoading = false
-        const url = response.data.portal_url
+        const url = data.portal_url
         window.location = url
       })
     }
diff --git a/client/composables/lib/vForm/Form.js b/client/composables/lib/vForm/Form.js
index c2c693b..d538cf0 100644
--- a/client/composables/lib/vForm/Form.js
+++ b/client/composables/lib/vForm/Form.js
@@ -77,7 +77,7 @@ class Form {
     Object.keys(this)
       .filter(key => !Form.ignore.includes(key))
       .forEach((key) => {
-        this[key] = deepCopy(this.originalData[key]);
+        this[key] = JSON.parse(JSON.stringify(this.originalData[key]));
       });
   }
 
@@ -128,7 +128,7 @@ class Form {
           resolve(data);
         }).catch((error) => {
           this.handleErrors(error);
-          resolve(error)
+          reject(error)
         })
     });
   }
diff --git a/client/composables/useForm.js b/client/composables/useForm.js
index 1960ac5..215dfe6 100644
--- a/client/composables/useForm.js
+++ b/client/composables/useForm.js
@@ -1,5 +1,5 @@
 import Form from "~/composables/lib/vForm/Form.js"
 
 export const useForm = (formData = {}) => {
-  return new Form(formData)
+  return reactive(new Form(formData))
 }
diff --git a/client/package-lock.json b/client/package-lock.json
index 528b27b..51a3eb8 100644
--- a/client/package-lock.json
+++ b/client/package-lock.json
@@ -15,7 +15,6 @@
         "@vueuse/motion": "^2.0.0",
         "@vueuse/nuxt": "^10.7.0",
         "amplitude-js": "^8.21.9",
-        "axios": "^0.21.1",
         "chart.js": "^4.4.0",
         "clone-deep": "^4.0.1",
         "crisp-sdk-web": "^1.0.21",
@@ -203,19 +202,19 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
-      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.7.tgz",
+      "integrity": "sha512-+UpDgowcmqe36d4NwqvKsyPMlOLNGMsfMmQ5WGCu+siCe3t3dfe9njrzGfdN4qq+bcNUt0+Vw6haRxBOycs4dw==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
         "@babel/generator": "^7.23.6",
         "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.6",
+        "@babel/helpers": "^7.23.7",
         "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.6",
+        "@babel/traverse": "^7.23.7",
         "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
@@ -288,9 +287,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.6.tgz",
-      "integrity": "sha512-cBXU1vZni/CpGF29iTu4YRbOZt3Wat6zCoMDxRF1MayiEc4URxOj31tT65HUM0CRpMowA3HCJaAOVOUnMf96cw==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.7.tgz",
+      "integrity": "sha512-xCoqR/8+BoNnXOY7RVSgv6X+o7pmT5q1d+gGcRlXYkI+9B31glE4jeejhKVpA04O1AtzOt7OSQ6VYKP5FcRl9g==",
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
         "@babel/helper-environment-visitor": "^7.22.20",
@@ -481,12 +480,12 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
-      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.7.tgz",
+      "integrity": "sha512-6AMnjCoC8wjqBzDHkuqpa7jAKwvMo4dC+lr/TFBz+ucfulO1XMpDnwWPGBNwClOKZ8h6xn5N81W/R5OrcKtCbQ==",
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.6",
+        "@babel/traverse": "^7.23.7",
         "@babel/types": "^7.23.6"
       },
       "engines": {
@@ -574,15 +573,12 @@
       }
     },
     "node_modules/@babel/plugin-proposal-decorators": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.6.tgz",
-      "integrity": "sha512-D7Ccq9LfkBFnow3azZGJvZYgcfeqAw3I1e5LoTpj6UKIFQilh8yqXsIGcRIqbBdsPWIz+Ze7ZZfggSj62Qp+Fg==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.7.tgz",
+      "integrity": "sha512-b1s5JyeMvqj7d9m9KhJNHKc18gEJiSyVzVX3bwbiPalQBQpuvfPh6lA9F7Kk/dWH0TIiXRpB9yicwijY6buPng==",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.23.6",
+        "@babel/helper-create-class-features-plugin": "^7.23.7",
         "@babel/helper-plugin-utils": "^7.22.5",
-        "@babel/helper-replace-supers": "^7.22.20",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5",
-        "@babel/helper-split-export-declaration": "^7.22.6",
         "@babel/plugin-syntax-decorators": "^7.23.3"
       },
       "engines": {
@@ -677,9 +673,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
-      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.7.tgz",
+      "integrity": "sha512-w06OXVOFso7LcbzMiDGt+3X7Rh7Ho8MmgPoWU3rarH+8upf+wSU/grlGbWzQyr3DkdN6ZeuMFjpdwW0Q+HxobA==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -688,9 +684,9 @@
       }
     },
     "node_modules/@babel/standalone": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.23.6.tgz",
-      "integrity": "sha512-+AzS6BZwZdSosrgS/TiGDYLxtlefARKClWgJ4ql//XfmV9KbPWbkEekvbvDRJ8a6qog8E9j3CziHLz5dbIEMyw==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.23.7.tgz",
+      "integrity": "sha512-AsO3aIh9I4qIqK61d6nPxPAdrSuWF4FmOLej3xNIkBIZj+8XJGArQQJw6DnuUkkqbsLp1fARkXOdKiuqWgac0Q==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -709,9 +705,9 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.6",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
-      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
+      "version": "7.23.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.7.tgz",
+      "integrity": "sha512-tY3mM8rH9jM0YHFGyfC0/xf+SB5eKUu7HPj7/k3fpi9dAlsMc5YbQvDi0Sh2QTPXqMhyaAtzAr807TIyfQrmyg==",
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
         "@babel/generator": "^7.23.6",
@@ -750,9 +746,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.10.tgz",
-      "integrity": "sha512-Q+mk96KJ+FZ30h9fsJl+67IjNJm3x2eX+GBWGmocAKgzp27cowCOOqSdscX80s0SpdFXZnIv/+1xD1EctFx96Q==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.19.11.tgz",
+      "integrity": "sha512-FnzU0LyE3ySQk7UntJO4+qIiQgI7KoODnZg5xzXIrFJlKd2P2gwHsHY4927xj9y5PJmJSzULiUCWmv7iWnNa7g==",
       "cpu": [
         "ppc64"
       ],
@@ -765,9 +761,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.10.tgz",
-      "integrity": "sha512-7W0bK7qfkw1fc2viBfrtAEkDKHatYfHzr/jKAHNr9BvkYDXPcC6bodtm8AyLJNNuqClLNaeTLuwURt4PRT9d7w==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.19.11.tgz",
+      "integrity": "sha512-5OVapq0ClabvKvQ58Bws8+wkLCV+Rxg7tUVbo9xu034Nm536QTII4YzhaFriQ7rMrorfnFKUsArD2lqKbFY4vw==",
       "cpu": [
         "arm"
       ],
@@ -780,9 +776,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.10.tgz",
-      "integrity": "sha512-1X4CClKhDgC3by7k8aOWZeBXQX8dHT5QAMCAQDArCLaYfkppoARvh0fit3X2Qs+MXDngKcHv6XXyQCpY0hkK1Q==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.19.11.tgz",
+      "integrity": "sha512-aiu7K/5JnLj//KOnOfEZ0D90obUkRzDMyqd/wNAUQ34m4YUPVhRZpnqKV9uqDGxT7cToSDnIHsGooyIczu9T+Q==",
       "cpu": [
         "arm64"
       ],
@@ -795,9 +791,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.10.tgz",
-      "integrity": "sha512-O/nO/g+/7NlitUxETkUv/IvADKuZXyH4BHf/g/7laqKC4i/7whLpB0gvpPc2zpF0q9Q6FXS3TS75QHac9MvVWw==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.19.11.tgz",
+      "integrity": "sha512-eccxjlfGw43WYoY9QgB82SgGgDbibcqyDTlk3l3C0jOVHKxrjdc9CTwDUQd0vkvYg5um0OH+GpxYvp39r+IPOg==",
       "cpu": [
         "x64"
       ],
@@ -810,9 +806,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.10.tgz",
-      "integrity": "sha512-YSRRs2zOpwypck+6GL3wGXx2gNP7DXzetmo5pHXLrY/VIMsS59yKfjPizQ4lLt5vEI80M41gjm2BxrGZ5U+VMA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.19.11.tgz",
+      "integrity": "sha512-ETp87DRWuSt9KdDVkqSoKoLFHYTrkyz2+65fj9nfXsaV3bMhTCjtQfw3y+um88vGRKRiF7erPrh/ZuIdLUIVxQ==",
       "cpu": [
         "arm64"
       ],
@@ -825,9 +821,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.10.tgz",
-      "integrity": "sha512-alfGtT+IEICKtNE54hbvPg13xGBe4GkVxyGWtzr+yHO7HIiRJppPDhOKq3zstTcVf8msXb/t4eavW3jCDpMSmA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.19.11.tgz",
+      "integrity": "sha512-fkFUiS6IUK9WYUO/+22omwetaSNl5/A8giXvQlcinLIjVkxwTLSktbF5f/kJMftM2MJp9+fXqZ5ezS7+SALp4g==",
       "cpu": [
         "x64"
       ],
@@ -840,9 +836,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.10.tgz",
-      "integrity": "sha512-dMtk1wc7FSH8CCkE854GyGuNKCewlh+7heYP/sclpOG6Cectzk14qdUIY5CrKDbkA/OczXq9WesqnPl09mj5dg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.19.11.tgz",
+      "integrity": "sha512-lhoSp5K6bxKRNdXUtHoNc5HhbXVCS8V0iZmDvyWvYq9S5WSfTIHU2UGjcGt7UeS6iEYp9eeymIl5mJBn0yiuxA==",
       "cpu": [
         "arm64"
       ],
@@ -855,9 +851,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.10.tgz",
-      "integrity": "sha512-G5UPPspryHu1T3uX8WiOEUa6q6OlQh6gNl4CO4Iw5PS+Kg5bVggVFehzXBJY6X6RSOMS8iXDv2330VzaObm4Ag==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.19.11.tgz",
+      "integrity": "sha512-JkUqn44AffGXitVI6/AbQdoYAq0TEullFdqcMY/PCUZ36xJ9ZJRtQabzMA+Vi7r78+25ZIBosLTOKnUXBSi1Kw==",
       "cpu": [
         "x64"
       ],
@@ -870,9 +866,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.10.tgz",
-      "integrity": "sha512-j6gUW5aAaPgD416Hk9FHxn27On28H4eVI9rJ4az7oCGTFW48+LcgNDBN+9f8rKZz7EEowo889CPKyeaD0iw9Kg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.19.11.tgz",
+      "integrity": "sha512-3CRkr9+vCV2XJbjwgzjPtO8T0SZUmRZla+UL1jw+XqHZPkPgZiyWvbDvl9rqAN8Zl7qJF0O/9ycMtjU67HN9/Q==",
       "cpu": [
         "arm"
       ],
@@ -885,9 +881,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.10.tgz",
-      "integrity": "sha512-QxaouHWZ+2KWEj7cGJmvTIHVALfhpGxo3WLmlYfJ+dA5fJB6lDEIg+oe/0//FuyVHuS3l79/wyBxbHr0NgtxJQ==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.19.11.tgz",
+      "integrity": "sha512-LneLg3ypEeveBSMuoa0kwMpCGmpu8XQUh+mL8XXwoYZ6Be2qBnVtcDI5azSvh7vioMDhoJFZzp9GWp9IWpYoUg==",
       "cpu": [
         "arm64"
       ],
@@ -900,9 +896,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.10.tgz",
-      "integrity": "sha512-4ub1YwXxYjj9h1UIZs2hYbnTZBtenPw5NfXCRgEkGb0b6OJ2gpkMvDqRDYIDRjRdWSe/TBiZltm3Y3Q8SN1xNg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.19.11.tgz",
+      "integrity": "sha512-caHy++CsD8Bgq2V5CodbJjFPEiDPq8JJmBdeyZ8GWVQMjRD0sU548nNdwPNvKjVpamYYVL40AORekgfIubwHoA==",
       "cpu": [
         "ia32"
       ],
@@ -915,9 +911,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.10.tgz",
-      "integrity": "sha512-lo3I9k+mbEKoxtoIbM0yC/MZ1i2wM0cIeOejlVdZ3D86LAcFXFRdeuZmh91QJvUTW51bOK5W2BznGNIl4+mDaA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.19.11.tgz",
+      "integrity": "sha512-ppZSSLVpPrwHccvC6nQVZaSHlFsvCQyjnvirnVjbKSHuE5N24Yl8F3UwYUUR1UEPaFObGD2tSvVKbvR+uT1Nrg==",
       "cpu": [
         "loong64"
       ],
@@ -930,9 +926,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.10.tgz",
-      "integrity": "sha512-J4gH3zhHNbdZN0Bcr1QUGVNkHTdpijgx5VMxeetSk6ntdt+vR1DqGmHxQYHRmNb77tP6GVvD+K0NyO4xjd7y4A==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.19.11.tgz",
+      "integrity": "sha512-B5x9j0OgjG+v1dF2DkH34lr+7Gmv0kzX6/V0afF41FkPMMqaQ77pH7CrhWeR22aEeHKaeZVtZ6yFwlxOKPVFyg==",
       "cpu": [
         "mips64el"
       ],
@@ -945,9 +941,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.10.tgz",
-      "integrity": "sha512-tgT/7u+QhV6ge8wFMzaklOY7KqiyitgT1AUHMApau32ZlvTB/+efeCtMk4eXS+uEymYK249JsoiklZN64xt6oQ==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.19.11.tgz",
+      "integrity": "sha512-MHrZYLeCG8vXblMetWyttkdVRjQlQUb/oMgBNurVEnhj4YWOr4G5lmBfZjHYQHHN0g6yDmCAQRR8MUHldvvRDA==",
       "cpu": [
         "ppc64"
       ],
@@ -960,9 +956,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.10.tgz",
-      "integrity": "sha512-0f/spw0PfBMZBNqtKe5FLzBDGo0SKZKvMl5PHYQr3+eiSscfJ96XEknCe+JoOayybWUFQbcJTrk946i3j9uYZA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.19.11.tgz",
+      "integrity": "sha512-f3DY++t94uVg141dozDu4CCUkYW+09rWtaWfnb3bqe4w5NqmZd6nPVBm+qbz7WaHZCoqXqHz5p6CM6qv3qnSSQ==",
       "cpu": [
         "riscv64"
       ],
@@ -975,9 +971,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.10.tgz",
-      "integrity": "sha512-pZFe0OeskMHzHa9U38g+z8Yx5FNCLFtUnJtQMpwhS+r4S566aK2ci3t4NCP4tjt6d5j5uo4h7tExZMjeKoehAA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.19.11.tgz",
+      "integrity": "sha512-A5xdUoyWJHMMlcSMcPGVLzYzpcY8QP1RtYzX5/bS4dvjBGVxdhuiYyFwp7z74ocV7WDc0n1harxmpq2ePOjI0Q==",
       "cpu": [
         "s390x"
       ],
@@ -990,9 +986,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.10.tgz",
-      "integrity": "sha512-SpYNEqg/6pZYoc+1zLCjVOYvxfZVZj6w0KROZ3Fje/QrM3nfvT2llI+wmKSrWuX6wmZeTapbarvuNNK/qepSgA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.19.11.tgz",
+      "integrity": "sha512-grbyMlVCvJSfxFQUndw5mCtWs5LO1gUlwP4CDi4iJBbVpZcqLVT29FxgGuBJGSzyOxotFG4LoO5X+M1350zmPA==",
       "cpu": [
         "x64"
       ],
@@ -1005,9 +1001,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.10.tgz",
-      "integrity": "sha512-ACbZ0vXy9zksNArWlk2c38NdKg25+L9pr/mVaj9SUq6lHZu/35nx2xnQVRGLrC1KKQqJKRIB0q8GspiHI3J80Q==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.19.11.tgz",
+      "integrity": "sha512-13jvrQZJc3P230OhU8xgwUnDeuC/9egsjTkXN49b3GcS5BKvJqZn86aGM8W9pd14Kd+u7HuFBMVtrNGhh6fHEQ==",
       "cpu": [
         "x64"
       ],
@@ -1020,9 +1016,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.10.tgz",
-      "integrity": "sha512-PxcgvjdSjtgPMiPQrM3pwSaG4kGphP+bLSb+cihuP0LYdZv1epbAIecHVl5sD3npkfYBZ0ZnOjR878I7MdJDFg==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.19.11.tgz",
+      "integrity": "sha512-ysyOGZuTp6SNKPE11INDUeFVVQFrhcNDVUgSQVDzqsqX38DjhPEPATpid04LCoUr2WXhQTEZ8ct/EgJCUDpyNw==",
       "cpu": [
         "x64"
       ],
@@ -1035,9 +1031,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.10.tgz",
-      "integrity": "sha512-ZkIOtrRL8SEJjr+VHjmW0znkPs+oJXhlJbNwfI37rvgeMtk3sxOQevXPXjmAPZPigVTncvFqLMd+uV0IBSEzqA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.19.11.tgz",
+      "integrity": "sha512-Hf+Sad9nVwvtxy4DXCZQqLpgmRTQqyFyhT3bZ4F2XlJCjxGmRFF0Shwn9rzhOYRB61w9VMXUkxlBy56dk9JJiQ==",
       "cpu": [
         "x64"
       ],
@@ -1050,9 +1046,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.10.tgz",
-      "integrity": "sha512-+Sa4oTDbpBfGpl3Hn3XiUe4f8TU2JF7aX8cOfqFYMMjXp6ma6NJDztl5FDG8Ezx0OjwGikIHw+iA54YLDNNVfw==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.19.11.tgz",
+      "integrity": "sha512-0P58Sbi0LctOMOQbpEOvOL44Ne0sqbS0XWHMvvrg6NE5jQ1xguCSSw9jQeUk2lfrXYsKDdOe6K+oZiwKPilYPQ==",
       "cpu": [
         "arm64"
       ],
@@ -1065,9 +1061,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.10.tgz",
-      "integrity": "sha512-EOGVLK1oWMBXgfttJdPHDTiivYSjX6jDNaATeNOaCOFEVcfMjtbx7WVQwPSE1eIfCp/CaSF2nSrDtzc4I9f8TQ==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.19.11.tgz",
+      "integrity": "sha512-6YOrWS+sDJDmshdBIQU+Uoyh7pQKrdykdefC1avn76ss5c+RN6gut3LZA4E2cH5xUEp5/cA0+YxRaVtRAb0xBg==",
       "cpu": [
         "ia32"
       ],
@@ -1080,9 +1076,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.10.tgz",
-      "integrity": "sha512-whqLG6Sc70AbU73fFYvuYzaE4MNMBIlR1Y/IrUeOXFrWHxBEjjbZaQ3IXIQS8wJdAzue2GwYZCjOrgrU1oUHoA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.19.11.tgz",
+      "integrity": "sha512-vfkhltrjCAb603XaFhqhAF4LGDi2M4OrCRrFusyQ+iTLQ/o60QQXxc9cZC/FFpihBI9N1Grn6SMKVJ4KP7Fuiw==",
       "cpu": [
         "x64"
       ],
@@ -2368,9 +2364,9 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.1.tgz",
-      "integrity": "sha512-6vMdBZqtq1dVQ4CWdhFwhKZL6E4L1dV6jUjuBvsavvNJSppzi6dLBbuV+3+IyUREaj9ZFvQefnQm28v4OCXlig==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.9.2.tgz",
+      "integrity": "sha512-RKzxFxBHq9ysZ83fn8Iduv3A283K7zPPYuhL/z9CQuyFrjwpErJx0h4aeb/bnJ+q29GRLgJpY66ceQ/Wcsn3wA==",
       "cpu": [
         "arm"
       ],
@@ -2380,9 +2376,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.1.tgz",
-      "integrity": "sha512-Jto9Fl3YQ9OLsTDWtLFPtaIMSL2kwGyGoVCmPC8Gxvym9TCZm4Sie+cVeblPO66YZsYH8MhBKDMGZ2NDxuk/XQ==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.9.2.tgz",
+      "integrity": "sha512-yZ+MUbnwf3SHNWQKJyWh88ii2HbuHCFQnAYTeeO1Nb8SyEiWASEi5dQUygt3ClHWtA9My9RQAYkjvrsZ0WK8Xg==",
       "cpu": [
         "arm64"
       ],
@@ -2392,9 +2388,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.1.tgz",
-      "integrity": "sha512-LtYcLNM+bhsaKAIGwVkh5IOWhaZhjTfNOkGzGqdHvhiCUVuJDalvDxEdSnhFzAn+g23wgsycmZk1vbnaibZwwA==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.9.2.tgz",
+      "integrity": "sha512-vqJ/pAUh95FLc/G/3+xPqlSBgilPnauVf2EXOQCZzhZJCXDXt/5A8mH/OzU6iWhb3CNk5hPJrh8pqJUPldN5zw==",
       "cpu": [
         "arm64"
       ],
@@ -2404,9 +2400,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.1.tgz",
-      "integrity": "sha512-KyP/byeXu9V+etKO6Lw3E4tW4QdcnzDG/ake031mg42lob5tN+5qfr+lkcT/SGZaH2PdW4Z1NX9GHEkZ8xV7og==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.9.2.tgz",
+      "integrity": "sha512-otPHsN5LlvedOprd3SdfrRNhOahhVBwJpepVKUN58L0RnC29vOAej1vMEaVU6DadnpjivVsNTM5eNt0CcwTahw==",
       "cpu": [
         "x64"
       ],
@@ -2416,9 +2412,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.1.tgz",
-      "integrity": "sha512-Yqz/Doumf3QTKplwGNrCHe/B2p9xqDghBZSlAY0/hU6ikuDVQuOUIpDP/YcmoT+447tsZTmirmjgG3znvSCR0Q==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.9.2.tgz",
+      "integrity": "sha512-ewG5yJSp+zYKBYQLbd1CUA7b1lSfIdo9zJShNTyc2ZP1rcPrqyZcNlsHgs7v1zhgfdS+kW0p5frc0aVqhZCiYQ==",
       "cpu": [
         "arm"
       ],
@@ -2428,9 +2424,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.1.tgz",
-      "integrity": "sha512-u3XkZVvxcvlAOlQJ3UsD1rFvLWqu4Ef/Ggl40WAVCuogf4S1nJPHh5RTgqYFpCOvuGJ7H5yGHabjFKEZGExk5Q==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.9.2.tgz",
+      "integrity": "sha512-pL6QtV26W52aCWTG1IuFV3FMPL1m4wbsRG+qijIvgFO/VBsiXJjDPE/uiMdHBAO6YcpV4KvpKtd0v3WFbaxBtg==",
       "cpu": [
         "arm64"
       ],
@@ -2440,9 +2436,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.1.tgz",
-      "integrity": "sha512-0XSYN/rfWShW+i+qjZ0phc6vZ7UWI8XWNz4E/l+6edFt+FxoEghrJHjX1EY/kcUGCnZzYYRCl31SNdfOi450Aw==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.9.2.tgz",
+      "integrity": "sha512-On+cc5EpOaTwPSNetHXBuqylDW+765G/oqB9xGmWU3npEhCh8xu0xqHGUA+4xwZLqBbIZNcBlKSIYfkBm6ko7g==",
       "cpu": [
         "arm64"
       ],
@@ -2452,9 +2448,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.1.tgz",
-      "integrity": "sha512-LmYIO65oZVfFt9t6cpYkbC4d5lKHLYv5B4CSHRpnANq0VZUQXGcCPXHzbCXCz4RQnx7jvlYB1ISVNCE/omz5cw==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.9.2.tgz",
+      "integrity": "sha512-Wnx/IVMSZ31D/cO9HSsU46FjrPWHqtdF8+0eyZ1zIB5a6hXaZXghUKpRrC4D5DcRTZOjml2oBhXoqfGYyXKipw==",
       "cpu": [
         "riscv64"
       ],
@@ -2464,9 +2460,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.1.tgz",
-      "integrity": "sha512-kr8rEPQ6ns/Lmr/hiw8sEVj9aa07gh1/tQF2Y5HrNCCEPiCBGnBUt9tVusrcBBiJfIt1yNaXN6r1CCmpbFEDpg==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.9.2.tgz",
+      "integrity": "sha512-ym5x1cj4mUAMBummxxRkI4pG5Vht1QMsJexwGP8547TZ0sox9fCLDHw9KCH9c1FO5d9GopvkaJsBIOkTKxksdw==",
       "cpu": [
         "x64"
       ],
@@ -2476,9 +2472,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.1.tgz",
-      "integrity": "sha512-t4QSR7gN+OEZLG0MiCgPqMWZGwmeHhsM4AkegJ0Kiy6TnJ9vZ8dEIwHw1LcZKhbHxTY32hp9eVCMdR3/I8MGRw==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.9.2.tgz",
+      "integrity": "sha512-m0hYELHGXdYx64D6IDDg/1vOJEaiV8f1G/iO+tejvRCJNSwK4jJ15e38JQy5Q6dGkn1M/9KcyEOwqmlZ2kqaZg==",
       "cpu": [
         "x64"
       ],
@@ -2488,9 +2484,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.1.tgz",
-      "integrity": "sha512-7XI4ZCBN34cb+BH557FJPmh0kmNz2c25SCQeT9OiFWEgf8+dL6ZwJ8f9RnUIit+j01u07Yvrsuu1rZGxJCc51g==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.9.2.tgz",
+      "integrity": "sha512-x1CWburlbN5JjG+juenuNa4KdedBdXLjZMp56nHFSHTOsb/MI2DYiGzLtRGHNMyydPGffGId+VgjOMrcltOksA==",
       "cpu": [
         "arm64"
       ],
@@ -2500,9 +2496,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.1.tgz",
-      "integrity": "sha512-yE5c2j1lSWOH5jp+Q0qNL3Mdhr8WuqCNVjc6BxbVfS5cAS6zRmdiw7ktb8GNpDCEUJphILY6KACoFoRtKoqNQg==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.9.2.tgz",
+      "integrity": "sha512-VVzCB5yXR1QlfsH1Xw1zdzQ4Pxuzv+CPr5qpElpKhVxlxD3CRdfubAG9mJROl6/dmj5gVYDDWk8sC+j9BI9/kQ==",
       "cpu": [
         "ia32"
       ],
@@ -2512,9 +2508,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.1.tgz",
-      "integrity": "sha512-PyJsSsafjmIhVgaI1Zdj7m8BB8mMckFah/xbpplObyHfiXzKcI5UOUXRyOdHW7nz4DpMCuzLnF7v5IWHenCwYA==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.9.2.tgz",
+      "integrity": "sha512-SYRedJi+mweatroB+6TTnJYLts0L0bosg531xnQWtklOI6dezEagx4Q0qDyvRdK+qgdA3YZpjjGuPFtxBmddBA==",
       "cpu": [
         "x64"
       ],
@@ -2767,9 +2763,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "20.10.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
-      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
+      "version": "20.10.6",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.6.tgz",
+      "integrity": "sha512-Vac8H+NlRNNlAmDfGUP7b5h/KA+AtWIzuXy0E6OyP8f1tCLYAtPvKRRDJjAPqhpCb0t6U2j7/xqAuLEebW2kiw==",
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -2929,9 +2925,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.0.tgz",
-      "integrity": "sha512-7x5e8X4J1Wi4NxudGjJBd2OFerAi/0nzF80ojCzvfj347WVr0YSn82C8BSsgwSHzlk9Kw5xnZfj0/7RLnNwP5w==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.2.tgz",
+      "integrity": "sha512-kEjJHrLb5ePBvjD0SPZwJlw1QTRcjjCA9sB5VyfonoXVBxTS7TMnqL6EkLt1Eu61RDeiuZ/WN9Hf6PxXhPI2uA==",
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       },
@@ -3006,12 +3002,13 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.13.tgz",
-      "integrity": "sha512-bwi9HShGu7uaZLOErZgsH2+ojsEdsjerbf2cMXPwmvcgZfVPZ2BVZzCVnwZBxTAYd6Mzbmf6izcUNDkWnBBQ6A==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.3.tgz",
+      "integrity": "sha512-u8jzgFg0EDtSrb/hG53Wwh1bAOQFtc1ZCegBpA/glyvTlgHl+tq13o1zvRfLbegYUw/E4mSTGOiCnAJ9SJ+lsg==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/shared": "3.3.13",
+        "@babel/parser": "^7.23.6",
+        "@vue/shared": "3.4.3",
+        "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.0.2"
       }
@@ -3022,25 +3019,24 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.13.tgz",
-      "integrity": "sha512-EYRDpbLadGtNL0Gph+HoKiYqXLqZ0xSSpR5Dvnu/Ep7ggaCbjRDIus1MMxTS2Qm0koXED4xSlvTZaTnI8cYAsw==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.3.tgz",
+      "integrity": "sha512-oGF1E9/htI6JWj/lTJgr6UgxNCtNHbM6xKVreBWeZL9QhRGABRVoWGAzxmtBfSOd+w0Zi5BY0Es/tlJrN6WgEg==",
       "dependencies": {
-        "@vue/compiler-core": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-core": "3.4.3",
+        "@vue/shared": "3.4.3"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.13.tgz",
-      "integrity": "sha512-DQVmHEy/EKIgggvnGRLx21hSqnr1smUS9Aq8tfxiiot8UR0/pXKHN9k78/qQ7etyQTFj5em5nruODON7dBeumw==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.3.tgz",
+      "integrity": "sha512-NuJqb5is9I4uzv316VRUDYgIlPZCG8D+ARt5P4t5UDShIHKL25J3TGZAUryY/Aiy0DsY7srJnZL5ryB6DD63Zw==",
       "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.13",
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/compiler-ssr": "3.3.13",
-        "@vue/reactivity-transform": "3.3.13",
-        "@vue/shared": "3.3.13",
+        "@babel/parser": "^7.23.6",
+        "@vue/compiler-core": "3.4.3",
+        "@vue/compiler-dom": "3.4.3",
+        "@vue/compiler-ssr": "3.4.3",
+        "@vue/shared": "3.4.3",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.5",
         "postcss": "^8.4.32",
@@ -3053,12 +3049,12 @@
       "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.13.tgz",
-      "integrity": "sha512-d/P3bCeUGmkJNS1QUZSAvoCIW4fkOKK3l2deE7zrp0ypJEy+En2AcypIkqvcFQOcw3F0zt2VfMvNsA9JmExTaw==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.3.tgz",
+      "integrity": "sha512-wnYQtMBkeFSxgSSQbYGQeXPhQacQiog2c6AlvMldQH6DB+gSXK/0F6DVXAJfEiuBSgBhUc8dwrrG5JQcqwalsA==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-dom": "3.4.3",
+        "@vue/shared": "3.4.3"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -3067,73 +3063,56 @@
       "integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.13.tgz",
-      "integrity": "sha512-fjzCxceMahHhi4AxUBzQqqVhuA21RJ0COaWTbIBl1PruGW1CeY97louZzLi4smpYx+CHfFPPU/CS8NybbGvPKQ==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.3.tgz",
+      "integrity": "sha512-q5f9HLDU+5aBKizXHAx0w4whkIANs1Muiq9R5YXm0HtorSlflqv9u/ohaMxuuhHWCji4xqpQ1eL04WvmAmGnFg==",
       "dependencies": {
-        "@vue/shared": "3.3.13"
+        "@vue/shared": "3.4.3"
       }
     },
-    "node_modules/@vue/reactivity-transform": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.13.tgz",
-      "integrity": "sha512-oWnydGH0bBauhXvh5KXUy61xr9gKaMbtsMHk40IK9M4gMuKPJ342tKFarY0eQ6jef8906m35q37wwA8DMZOm5Q==",
-      "dependencies": {
-        "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.13",
-        "@vue/shared": "3.3.13",
-        "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.5"
-      }
-    },
-    "node_modules/@vue/reactivity-transform/node_modules/estree-walker": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
-    },
     "node_modules/@vue/runtime-core": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.13.tgz",
-      "integrity": "sha512-1TzA5TvGuh2zUwMJgdfvrBABWZ7y8kBwBhm7BXk8rvdx2SsgcGfz2ruv2GzuGZNvL1aKnK8CQMV/jFOrxNQUMA==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.3.tgz",
+      "integrity": "sha512-C1r6QhB1qY7D591RCSFhMULyzL9CuyrGc+3PpB0h7dU4Qqw6GNyo4BNFjHZVvsWncrUlKX3DIKg0Y7rNNr06NQ==",
       "dependencies": {
-        "@vue/reactivity": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/reactivity": "3.4.3",
+        "@vue/shared": "3.4.3"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.13.tgz",
-      "integrity": "sha512-JJkpE8R/hJKXqVTgUoODwS5wqKtOsmJPEqmp90PDVGygtJ4C0PtOkcEYXwhiVEmef6xeXcIlrT3Yo5aQ4qkHhQ==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.3.tgz",
+      "integrity": "sha512-wrsprg7An5Ec+EhPngWdPuzkp0BEUxAKaQtN9dPU/iZctPyD9aaXmVtehPJerdQxQale6gEnhpnfywNw3zOv2A==",
       "dependencies": {
-        "@vue/runtime-core": "3.3.13",
-        "@vue/shared": "3.3.13",
+        "@vue/runtime-core": "3.4.3",
+        "@vue/shared": "3.4.3",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.13.tgz",
-      "integrity": "sha512-vSnN+nuf6iSqTL3Qgx/9A+BT+0Zf/VJOgF5uMZrKjYPs38GMYyAU1coDyBNHauehXDaP+zl73VhwWv0vBRBHcg==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.3.tgz",
+      "integrity": "sha512-BUxt8oVGMKKsqSkM1uU3d3Houyfy4WAc2SpSQRebNd+XJGATVkW/rO129jkyL+kpB/2VRKzE63zwf5RtJ3XuZw==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-ssr": "3.4.3",
+        "@vue/shared": "3.4.3"
       },
       "peerDependencies": {
-        "vue": "3.3.13"
+        "vue": "3.4.3"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.13.tgz",
-      "integrity": "sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA=="
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.3.tgz",
+      "integrity": "sha512-rIwlkkP1n4uKrRzivAKPZIEkHiuwY5mmhMJ2nZKCBLz8lTUlE73rQh4n1OnnMurXt1vcUNyH4ZPfdh8QweTjpQ=="
     },
     "node_modules/@vueuse/components": {
-      "version": "10.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.7.0.tgz",
-      "integrity": "sha512-ycyF+fZtipP/8WVWZ5y6Cb9twJ0EeVHIqcqkCcTpmAJdheRjorT8v6cHk3h144HHTMgIfBWC6TaSukDG7QFmsw==",
+      "version": "10.7.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.7.1.tgz",
+      "integrity": "sha512-bAS5ff1uNhNSeIYL7R3qeR0DP5u+Lutb0mFiTZTMhcicjhBfGiDbahHqoOAr9M/wfpYKNluP1U107y2fUTw4yw==",
       "dependencies": {
-        "@vueuse/core": "10.7.0",
-        "@vueuse/shared": "10.7.0",
+        "@vueuse/core": "10.7.1",
+        "@vueuse/shared": "10.7.1",
         "vue-demi": ">=0.14.6"
       }
     },
@@ -3163,13 +3142,13 @@
       }
     },
     "node_modules/@vueuse/core": {
-      "version": "10.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.7.0.tgz",
-      "integrity": "sha512-4EUDESCHtwu44ZWK3Gc/hZUVhVo/ysvdtwocB5vcauSV4B7NiGY5972WnsojB3vRNdxvAt7kzJWE2h9h7C9d5w==",
+      "version": "10.7.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.7.1.tgz",
+      "integrity": "sha512-74mWHlaesJSWGp1ihg76vAnfVq9NTv1YT0SYhAQ6zwFNdBkkP+CKKJmVOEHcdSnLXCXYiL5e7MaewblfiYLP7g==",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.7.0",
-        "@vueuse/shared": "10.7.0",
+        "@vueuse/metadata": "10.7.1",
+        "@vueuse/shared": "10.7.1",
         "vue-demi": ">=0.14.6"
       },
       "funding": {
@@ -3202,9 +3181,9 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "10.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.7.0.tgz",
-      "integrity": "sha512-GlaH7tKP2iBCZ3bHNZ6b0cl9g0CJK8lttkBNUX156gWvNYhTKEtbweWLm9rxCPIiwzYcr/5xML6T8ZUEt+DkvA==",
+      "version": "10.7.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.7.1.tgz",
+      "integrity": "sha512-jX8MbX5UX067DYVsbtrmKn6eG6KMcXxLRLlurGkZku5ZYT3vxgBjui2zajvUZ18QLIjrgBkFRsu7CqTAg18QFw==",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -3229,15 +3208,15 @@
       }
     },
     "node_modules/@vueuse/nuxt": {
-      "version": "10.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-10.7.0.tgz",
-      "integrity": "sha512-CYKMFRwTlZmfUuopC2jGJZ03s7RL5H1L/Xoz9xhQfs7seMS6kCSsVUT9iB0LqiuLxeP7WiInThgFnBbBc6LMTw==",
+      "version": "10.7.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/nuxt/-/nuxt-10.7.1.tgz",
+      "integrity": "sha512-/cPFPIUusKS6y0J16xBJ08OOXdfPUEkQBF9+/eIaG/ZIGuUYyRENZuGLj+V8BArP8uzH+EY6SWQXhT1lWw6Q+A==",
       "dependencies": {
-        "@nuxt/kit": "^3.8.2",
-        "@vueuse/core": "10.7.0",
-        "@vueuse/metadata": "10.7.0",
+        "@nuxt/kit": "^3.9.0",
+        "@vueuse/core": "10.7.1",
+        "@vueuse/metadata": "10.7.1",
         "local-pkg": "^0.5.0",
-        "nuxt": "^3.8.2",
+        "nuxt": "^3.9.0",
         "vue-demi": ">=0.14.6"
       },
       "funding": {
@@ -3273,9 +3252,9 @@
       }
     },
     "node_modules/@vueuse/shared": {
-      "version": "10.7.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.7.0.tgz",
-      "integrity": "sha512-kc00uV6CiaTdc3i1CDC4a3lBxzaBE9AgYNtFN87B5OOscqeWElj/uza8qVDmk7/U8JbqoONLbtqiLJ5LGRuqlw==",
+      "version": "10.7.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.7.1.tgz",
+      "integrity": "sha512-v0jbRR31LSgRY/C5i5X279A/WQjD6/JsMzGa+eqt658oJ75IvQXAeONmwvEMrvJQKnRElq/frzBR7fhmWY5uLw==",
       "dependencies": {
         "vue-demi": ">=0.14.6"
       },
@@ -3314,9 +3293,9 @@
       "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
     },
     "node_modules/acorn": {
-      "version": "8.11.2",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
-      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "version": "8.11.3",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
+      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3597,14 +3576,6 @@
         "postcss": "^8.1.0"
       }
     },
-    "node_modules/axios": {
-      "version": "0.21.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
-      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
-      "dependencies": {
-        "follow-redirects": "^1.14.0"
-      }
-    },
     "node_modules/b4a": {
       "version": "1.6.4",
       "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
@@ -3765,15 +3736,15 @@
       }
     },
     "node_modules/c12": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/c12/-/c12-1.5.1.tgz",
-      "integrity": "sha512-BWZRJgDEveT8uI+cliCwvYSSSSvb4xKoiiu5S0jaDbKBopQLQF7E+bq9xKk1pTcG+mUa3yXuFO7bD9d8Lr9Xxg==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-1.6.1.tgz",
+      "integrity": "sha512-fAZOi3INDvIbmjuwAVVggusyRTxwNdTAnwLay8IsXwhFzDwPPGzFxzrx6L55CPFGPulUSZI0eyFUvRDXveoE3g==",
       "dependencies": {
         "chokidar": "^3.5.3",
-        "defu": "^6.1.2",
+        "defu": "^6.1.3",
         "dotenv": "^16.3.1",
-        "giget": "^1.1.3",
-        "jiti": "^1.20.0",
+        "giget": "^1.2.1",
+        "jiti": "^1.21.0",
         "mlly": "^1.4.2",
         "ohash": "^1.1.3",
         "pathe": "^1.1.1",
@@ -3900,9 +3871,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001571",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001571.tgz",
-      "integrity": "sha512-tYq/6MoXhdezDLFZuCO/TKboTzuQ/xR5cFdgXPfDtM7/kchBO3b4VWghE/OAi/DV7tTdhmLjZiZBZi1fA/GheQ==",
+      "version": "1.0.30001572",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001572.tgz",
+      "integrity": "sha512-1Pbh5FLmn5y4+QhNyJE9j3/7dK44dGB83/ZMjv/qJk86TvDbjk0LosiZo0i0WB0Vx607qMX9jYrn1VLHCkN4rw==",
       "funding": [
         {
           "type": "opencollective",
@@ -4239,9 +4210,9 @@
       "integrity": "sha512-mWYvfOLrfEc996hlKcdABeIiPHUPC6DM2QYZdGGOvhOTbA3tjm2eBwqlJpoFdjC89NI4Qt6h0Pu06Mp+1Pj5OQ=="
     },
     "node_modules/core-js": {
-      "version": "3.34.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.34.0.tgz",
-      "integrity": "sha512-aDdvlDder8QmY91H88GzNi9EtQi2TjvQhpCX6B1v/dAZHU1AuLgHvRh54RiOerpEhEW46Tkf+vgAViB/CWC0ag==",
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.35.0.tgz",
+      "integrity": "sha512-ntakECeqg81KqMueeGJ79Q5ZgQNR+6eaE8sxGCx62zMbAIj65q+uYvatToew3m6eAGdU4gNZwpZ34NMe4GYswg==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -4879,9 +4850,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.19.10",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.10.tgz",
-      "integrity": "sha512-S1Y27QGt/snkNYrRcswgRFqZjaTG5a5xM3EQo97uNBnH505pdzSNe/HLBq1v0RO7iK/ngdbhJB6mDAp0OK+iUA==",
+      "version": "0.19.11",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.11.tgz",
+      "integrity": "sha512-HJ96Hev2hX/6i5cDVwcqiJBBtuo9+FeIJOtZ9W1kA5M6AMJRHUZlpYZ1/SbEwtO0ioNAW8rUooVpC/WehY2SfA==",
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -4890,29 +4861,29 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.19.10",
-        "@esbuild/android-arm": "0.19.10",
-        "@esbuild/android-arm64": "0.19.10",
-        "@esbuild/android-x64": "0.19.10",
-        "@esbuild/darwin-arm64": "0.19.10",
-        "@esbuild/darwin-x64": "0.19.10",
-        "@esbuild/freebsd-arm64": "0.19.10",
-        "@esbuild/freebsd-x64": "0.19.10",
-        "@esbuild/linux-arm": "0.19.10",
-        "@esbuild/linux-arm64": "0.19.10",
-        "@esbuild/linux-ia32": "0.19.10",
-        "@esbuild/linux-loong64": "0.19.10",
-        "@esbuild/linux-mips64el": "0.19.10",
-        "@esbuild/linux-ppc64": "0.19.10",
-        "@esbuild/linux-riscv64": "0.19.10",
-        "@esbuild/linux-s390x": "0.19.10",
-        "@esbuild/linux-x64": "0.19.10",
-        "@esbuild/netbsd-x64": "0.19.10",
-        "@esbuild/openbsd-x64": "0.19.10",
-        "@esbuild/sunos-x64": "0.19.10",
-        "@esbuild/win32-arm64": "0.19.10",
-        "@esbuild/win32-ia32": "0.19.10",
-        "@esbuild/win32-x64": "0.19.10"
+        "@esbuild/aix-ppc64": "0.19.11",
+        "@esbuild/android-arm": "0.19.11",
+        "@esbuild/android-arm64": "0.19.11",
+        "@esbuild/android-x64": "0.19.11",
+        "@esbuild/darwin-arm64": "0.19.11",
+        "@esbuild/darwin-x64": "0.19.11",
+        "@esbuild/freebsd-arm64": "0.19.11",
+        "@esbuild/freebsd-x64": "0.19.11",
+        "@esbuild/linux-arm": "0.19.11",
+        "@esbuild/linux-arm64": "0.19.11",
+        "@esbuild/linux-ia32": "0.19.11",
+        "@esbuild/linux-loong64": "0.19.11",
+        "@esbuild/linux-mips64el": "0.19.11",
+        "@esbuild/linux-ppc64": "0.19.11",
+        "@esbuild/linux-riscv64": "0.19.11",
+        "@esbuild/linux-s390x": "0.19.11",
+        "@esbuild/linux-x64": "0.19.11",
+        "@esbuild/netbsd-x64": "0.19.11",
+        "@esbuild/openbsd-x64": "0.19.11",
+        "@esbuild/sunos-x64": "0.19.11",
+        "@esbuild/win32-arm64": "0.19.11",
+        "@esbuild/win32-ia32": "0.19.11",
+        "@esbuild/win32-x64": "0.19.11"
       }
     },
     "node_modules/escalade": {
@@ -5088,25 +5059,6 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.2.9.tgz",
       "integrity": "sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ=="
     },
-    "node_modules/follow-redirects": {
-      "version": "1.15.3",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/foreground-child": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
@@ -6251,9 +6203,9 @@
       }
     },
     "node_modules/libphonenumber-js": {
-      "version": "1.10.52",
-      "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.52.tgz",
-      "integrity": "sha512-6vCuCHgem+OW1/VCAKgkasfegItCea8zIT7s9/CG/QxdCMIM7GfzbEBG5d7lGO3rzipjt5woOQL3DiHa8Fy78Q=="
+      "version": "1.10.53",
+      "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.53.tgz",
+      "integrity": "sha512-sDTnnqlWK4vH4AlDQuswz3n4Hx7bIQWTpIcScJX+Sp7St3LXHmfiax/ZFfyYxHmkdCvydOLSuvtAO/XpXiSySw=="
     },
     "node_modules/lie": {
       "version": "3.1.1",
@@ -7298,6 +7250,17 @@
         }
       }
     },
+    "node_modules/nuxt/node_modules/acorn": {
+      "version": "8.11.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.2.tgz",
+      "integrity": "sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/nuxt3-notifications": {
       "version": "1.1.9",
       "resolved": "https://registry.npmjs.org/nuxt3-notifications/-/nuxt3-notifications-1.1.9.tgz",
@@ -7314,14 +7277,14 @@
       }
     },
     "node_modules/nypm": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.3.tgz",
-      "integrity": "sha512-FHoxtTscAE723e80d2M9cJRb4YVjL82Ra+ZV+YqC6rfNZUWahi+ZhPF+krnR+bdMvibsfHCtgKXnZf5R6kmEPA==",
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.4.tgz",
+      "integrity": "sha512-1JLkp/zHBrkS3pZ692IqOaIKSYHmQXgqfELk6YTOfVBnwealAmPA1q2kKK7PHJAHSMBozerThEFZXP3G6o7Ukg==",
       "dependencies": {
-        "citty": "^0.1.4",
+        "citty": "^0.1.5",
         "execa": "^8.0.1",
         "pathe": "^1.1.1",
-        "ufo": "^1.3.0"
+        "ufo": "^1.3.2"
       },
       "bin": {
         "nypm": "dist/cli.mjs"
@@ -8291,9 +8254,9 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.14",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.14.tgz",
-      "integrity": "sha512-65xXYsT40i9GyWzlHQ5ShZoK7JZdySeOozi/tz2EezDo6c04q6+ckYMeoY7idaie1qp2dT5KoYQ2yky6JuoHnA==",
+      "version": "6.0.15",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
+      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -8796,9 +8759,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.1.tgz",
-      "integrity": "sha512-pgPO9DWzLoW/vIhlSoDByCzcpX92bKEorbgXuZrqxByte3JFk2xSW2JEeAcyLc9Ru9pqcNNW+Ob7ntsk2oT/Xw==",
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.9.2.tgz",
+      "integrity": "sha512-66RB8OtFKUTozmVEh3qyNfH+b+z2RXBVloqO2KCC/pjFaGaHtxP9fVfOQKPSGXg2mElmjmxjW/fZ7iKrEpMH5Q==",
       "bin": {
         "rollup": "dist/bin/rollup"
       },
@@ -8807,26 +8770,26 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.9.1",
-        "@rollup/rollup-android-arm64": "4.9.1",
-        "@rollup/rollup-darwin-arm64": "4.9.1",
-        "@rollup/rollup-darwin-x64": "4.9.1",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.9.1",
-        "@rollup/rollup-linux-arm64-gnu": "4.9.1",
-        "@rollup/rollup-linux-arm64-musl": "4.9.1",
-        "@rollup/rollup-linux-riscv64-gnu": "4.9.1",
-        "@rollup/rollup-linux-x64-gnu": "4.9.1",
-        "@rollup/rollup-linux-x64-musl": "4.9.1",
-        "@rollup/rollup-win32-arm64-msvc": "4.9.1",
-        "@rollup/rollup-win32-ia32-msvc": "4.9.1",
-        "@rollup/rollup-win32-x64-msvc": "4.9.1",
+        "@rollup/rollup-android-arm-eabi": "4.9.2",
+        "@rollup/rollup-android-arm64": "4.9.2",
+        "@rollup/rollup-darwin-arm64": "4.9.2",
+        "@rollup/rollup-darwin-x64": "4.9.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.9.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.9.2",
+        "@rollup/rollup-linux-arm64-musl": "4.9.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.9.2",
+        "@rollup/rollup-linux-x64-gnu": "4.9.2",
+        "@rollup/rollup-linux-x64-musl": "4.9.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.9.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.9.2",
+        "@rollup/rollup-win32-x64-msvc": "4.9.2",
         "fsevents": "~2.3.2"
       }
     },
     "node_modules/rollup-plugin-visualizer": {
-      "version": "5.11.0",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.11.0.tgz",
-      "integrity": "sha512-exM0Ms2SN3AgTzMeW7y46neZQcyLY7eKwWAop1ZoRTCZwyrIRdMMJ6JjToAJbML77X/9N8ZEpmXG4Z/Clb9k8g==",
+      "version": "5.12.0",
+      "resolved": "https://registry.npmjs.org/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.12.0.tgz",
+      "integrity": "sha512-8/NU9jXcHRs7Nnj07PF2o4gjxmm9lXIrZ8r175bT9dK8qoLlvKTwRMArRCMgpMGlq8CTLugRvEmyMeMXIU2pNQ==",
       "dependencies": {
         "open": "^8.4.0",
         "picomatch": "^2.3.1",
@@ -9262,9 +9225,9 @@
       }
     },
     "node_modules/simple-git": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.21.0.tgz",
-      "integrity": "sha512-oTzw9248AF5bDTMk9MrxsRzEzivMlY+DWH0yWS4VYpMhNLhDWnN06pCtaUyPnqv/FpsdeNmRqmZugMABHRPdDA==",
+      "version": "3.22.0",
+      "resolved": "https://registry.npmjs.org/simple-git/-/simple-git-3.22.0.tgz",
+      "integrity": "sha512-6JujwSs0ac82jkGjMHiCnTifvf1crOiY/+tfs/Pqih6iow7VrpNKRRNdWm6RtaXpvvv/JGNYhlUtLhGFqHF+Yw==",
       "dependencies": {
         "@kwsites/file-exists": "^1.1.1",
         "@kwsites/promise-deferred": "^1.1.1",
@@ -9675,16 +9638,16 @@
       "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA=="
     },
     "node_modules/svgo": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.1.0.tgz",
-      "integrity": "sha512-R5SnNA89w1dYgNv570591F66v34b3eQShpIBcQtZtM5trJwm1VvxbIoMpRYY3ybTAutcKTLEmTsdnaknOHbiQA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.2.0.tgz",
+      "integrity": "sha512-4PP6CMW/V7l/GmKRKzsLR8xxjdHTV4IMvhTnpuHwwBazSIlw5W/5SmPjN8Dwyt7lKbSJrRDgp4t9ph0HgChFBQ==",
       "dependencies": {
         "@trysound/sax": "0.2.0",
         "commander": "^7.2.0",
         "css-select": "^5.1.0",
-        "css-tree": "^2.2.1",
+        "css-tree": "^2.3.1",
         "css-what": "^6.1.0",
-        "csso": "5.0.5",
+        "csso": "^5.0.5",
         "picocolors": "^1.0.0"
       },
       "bin": {
@@ -10055,9 +10018,9 @@
       }
     },
     "node_modules/unimport": {
-      "version": "3.7.0",
-      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.7.0.tgz",
-      "integrity": "sha512-vesCVjU3CYk41UZNY10kwii7l77vcP4IxPbBMgpve+vean7g7zJWrcCqSoG7u0eB9LZ5bM5BP+3vr3W2uYk0Yg==",
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.7.1.tgz",
+      "integrity": "sha512-V9HpXYfsZye5bPPYUgs0Otn3ODS1mDUciaBlXljI4C2fTwfFpvFZRywmlOu943puN9sncxROMZhsZCjNXEpzEQ==",
       "dependencies": {
         "@rollup/pluginutils": "^5.1.0",
         "acorn": "^8.11.2",
@@ -10105,14 +10068,14 @@
       }
     },
     "node_modules/unplugin": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.5.1.tgz",
-      "integrity": "sha512-0QkvG13z6RD+1L1FoibQqnvTwVBXvS4XSPwAyinVgoOCl2jAgwzdUKmEj05o4Lt8xwQI85Hb6mSyYkcAGwZPew==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.6.0.tgz",
+      "integrity": "sha512-BfJEpWBu3aE/AyHx8VaNE/WgouoQxgH9baAiH82JjX8cqVyi3uJQstqwD5J+SZxIK326SZIhsSZlALXVBCknTQ==",
       "dependencies": {
         "acorn": "^8.11.2",
         "chokidar": "^3.5.3",
         "webpack-sources": "^3.2.3",
-        "webpack-virtual-modules": "^0.6.0"
+        "webpack-virtual-modules": "^0.6.1"
       }
     },
     "node_modules/unplugin-vue-router": {
@@ -10389,9 +10352,9 @@
       }
     },
     "node_modules/vite-node": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.1.0.tgz",
-      "integrity": "sha512-jV48DDUxGLEBdHCQvxL1mEh7+naVy+nhUUUaPAZLd3FJgXuxQiewHcfeZebbJ6onDqNGkP4r3MhQ342PRlG81Q==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-1.1.1.tgz",
+      "integrity": "sha512-2bGE5w4jvym5v8llF6Gu1oBrmImoNSs4WmRVcavnG2me6+8UQntTqLiAMFyiAobp+ZXhj5ZFhI7SmLiFr/jrow==",
       "dependencies": {
         "cac": "^6.7.14",
         "debug": "^4.3.4",
@@ -10671,15 +10634,15 @@
       "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw=="
     },
     "node_modules/vue": {
-      "version": "3.3.13",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.13.tgz",
-      "integrity": "sha512-LDnUpQvDgsfc0u/YgtAgTMXJlJQqjkxW1PVcOnJA5cshPleULDjHi7U45pl2VJYazSSvLH8UKcid/kzH8I0a0Q==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.3.tgz",
+      "integrity": "sha512-GjN+culMAGv/mUbkIv8zMKItno8npcj5gWlXkSxf1SPTQf8eJ4A+YfHIvQFyL1IfuJcMl3soA7SmN1fRxbf/wA==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.13",
-        "@vue/compiler-sfc": "3.3.13",
-        "@vue/runtime-dom": "3.3.13",
-        "@vue/server-renderer": "3.3.13",
-        "@vue/shared": "3.3.13"
+        "@vue/compiler-dom": "3.4.3",
+        "@vue/compiler-sfc": "3.4.3",
+        "@vue/runtime-dom": "3.4.3",
+        "@vue/server-renderer": "3.4.3",
+        "@vue/shared": "3.4.3"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -10900,9 +10863,9 @@
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
     "node_modules/ws": {
-      "version": "8.15.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.15.1.tgz",
-      "integrity": "sha512-W5OZiCjXEmk0yZ66ZN82beM5Sz7l7coYxpRkzS+p9PP+ToQry8szKh+61eNktr7EA9DOwvFGhfC605jDHbP6QQ==",
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
+      "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==",
       "engines": {
         "node": ">=10.0.0"
       },
diff --git a/client/package.json b/client/package.json
index 44a8278..d1b4186 100644
--- a/client/package.json
+++ b/client/package.json
@@ -27,7 +27,6 @@
     "@vueuse/motion": "^2.0.0",
     "@vueuse/nuxt": "^10.7.0",
     "amplitude-js": "^8.21.9",
-    "axios": "^0.21.1",
     "chart.js": "^4.4.0",
     "clone-deep": "^4.0.1",
     "crisp-sdk-web": "^1.0.21",
diff --git a/client/pages/auth/verification/resend.vue b/client/pages/auth/verification/resend.vue
deleted file mode 100644
index d748b6b..0000000
--- a/client/pages/auth/verification/resend.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <div class="row">
-    <div class="col-lg-8 m-auto px-4">
-      <h1 class="my-6">
-        Verify Email
-      </h1>
-      <form @submit.prevent="send" @keydown="form.onKeydown($event)">
-        <alert-success :form="form" :message="status" />
-
-        <!-- Email -->
-        <text-input name="email" :form="form" label="Email" :required="true" />
-
-        <!-- Submit Button -->
-        <div class="form-group row">
-          <div class="col-md-9 ml-md-auto">
-            <v-button :loading="form.busy">
-              Send Verification Link
-            </v-button>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<script>
-
-export default {
-  middleware: 'guest',
-
-  data: () => ({
-    metaTitle: 'Verify Email',
-    status: '',
-    form: useForm({
-      email: ''
-    })
-  }),
-
-  created () {
-    if (this.$route.query.email) {
-      this.form.email = this.$route.query.email
-    }
-  },
-
-  methods: {
-    async send () {
-      const { data } = await this.form.post('/api/email/resend')
-
-      this.status = data.status
-
-      this.form.reset()
-    }
-  }
-}
-</script>
diff --git a/client/pages/auth/verification/verify.vue b/client/pages/auth/verification/verify.vue
deleted file mode 100644
index d6f7262..0000000
--- a/client/pages/auth/verification/verify.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-<template>
-  <div class="row">
-    <div class="col-lg-8 m-auto  px-4">
-      <h1 class="my-6">
-        Verify Email
-      </h1>
-      <template v-if="success">
-        <div class="alert alert-success" role="alert">
-          {{ success }}
-        </div>
-
-        <NuxtLink :to="{ name: 'login' }" class="btn btn-primary">
-          Login
-        </NuxtLink>
-      </template>
-      <template v-else>
-        <div class="alert alert-danger" role="alert">
-          {{ error || 'Failed to verify email.' }}
-        </div>
-
-        <NuxtLink :to="{ name: 'auth-verification-resend' }" class="small float-right">
-          Resend Verification Link?
-        </NuxtLink>
-      </template>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from 'axios'
-import SeoMeta from '../../../mixins/seo-meta.js'
-
-const qs = (params) => Object.keys(params).map(key => `${key}=${params[key]}`).join('&')
-
-export default {
-  mixins: [SeoMeta],
-  async beforeRouteEnter (to, from, next) {
-    try {
-      const { data } = await axios.post(`/api/email/verify/${to.params.id}?${qs(to.query)}`)
-
-      next(vm => {
-        vm.success = data.status
-      })
-    } catch (e) {
-      next(vm => {
-        vm.error = e.response.data.status
-      })
-    }
-  },
-
-  middleware: 'guest',
-
-  data: () => ({
-    metaTitle: 'Verify Email',
-    error: '',
-    success: ''
-  })
-}
-</script>
diff --git a/client/pages/settings.vue b/client/pages/settings.vue
new file mode 100644
index 0000000..b06a226
--- /dev/null
+++ b/client/pages/settings.vue
@@ -0,0 +1,87 @@
+<template>
+    <div class="bg-white">
+      <div class="flex bg-gray-50">
+        <div class="w-full md:w-4/5 lg:w-3/5 md:mx-auto md:max-w-4xl px-4">
+          <div class="pt-4 pb-0">
+            <div class="flex">
+              <h2 class="flex-grow text-gray-900">
+                My Account
+              </h2>
+            </div>
+            <ul class="flex text-gray-500">
+              <li>{{ user.email }}</li>
+            </ul>
+  
+            <div class="mt-4 border-b border-gray-200 dark:border-gray-700">
+              <ul class="flex flex-wrap -mb-px text-sm font-medium text-center">
+                <li v-for="(tab, i) in tabsList" :key="i+1" class="mr-6">
+                  <nuxt-link :to="{ name: tab.route }"
+                               class="hover:no-underline inline-block py-4 rounded-t-lg border-b-2 text-gray-500 hover:text-gray-600"
+                               active-class="text-blue-600 hover:text-blue-900 dark:text-blue-500 dark:hover:text-blue-500 border-blue-600 dark:border-blue-500"
+                  >
+                    {{ tab.name }}
+                  </nuxt-link>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex bg-white">
+        <div class="w-full md:w-4/5 lg:w-3/5 md:mx-auto md:max-w-4xl px-4">
+          <div class="mt-8 pb-0">
+            <NuxtPage />
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script setup>
+  import { computed } from 'vue'
+  import { useAuthStore } from '../stores/auth'
+  
+  definePageMeta({
+    middleware: "auth"
+  })
+  
+  const authStore = useAuthStore()
+  const user = computed(() => authStore.user)
+  const tabsList = computed(() => {
+    const tabs = [
+      {
+        name: 'Profile',
+        route: 'settings-profile'
+      },
+      {
+        name: 'Workspace Settings',
+        route: 'settings-workspace'
+      },
+      {
+        name: 'Password',
+        route: 'settings-password'
+      },
+      {
+        name: 'Delete Account',
+        route: 'settings-account'
+      }
+    ]
+  
+    if (user.value.is_subscribed) {
+      tabs.splice(1, 0, {
+        name: 'Billing',
+        route: 'settings-billing'
+      })
+    }
+  
+    if (user.value.admin) {
+      tabs.push({
+        name: 'Admin',
+        route: 'settings-admin'
+      })
+    }
+  
+    return tabs
+  })
+  </script>
+  
\ No newline at end of file
diff --git a/client/pages/settings/account.vue b/client/pages/settings/account.vue
index d8a0032..b08f159 100644
--- a/client/pages/settings/account.vue
+++ b/client/pages/settings/account.vue
@@ -9,49 +9,34 @@
     </p>
 
     <!-- Submit Button -->
-    <v-button :loading="loading" class="mt-4" color="red" @click="alertConfirm('Do you really want to delete your account?',deleteAccount)">
+    <v-button :loading="loading" class="mt-4" color="red" @click="useAlert().confirm('Do you really want to delete your account?',deleteAccount)">
       Delete account
     </v-button>
   </div>
 </template>
 
-<script>
-import axios from 'axios'
+<script setup>
+import { useRouter } from 'vue-router';
 
-export default {
-  scrollToTop: false,
+const router = useRouter()
+const authStore = useAuthStore()
+const metaTitle = 'Account'
+let loading = false
 
-  setup () {
-    const authStore = useAuthStore()
-    return {
-      authStore
-    }
-  },
+const deleteAccount = () => {
+  loading = true
+  opnFetch('/user', {method:'DELETE'}).then(async (data) => {
+    loading = false
+    useAlert().success(data.message)
+    
+    // Log out the user.
+    await authStore.logout()
 
-  data: () => ({
-    metaTitle: 'Account',
-    form: useForm({
-      identifier: ''
-    }),
-    loading: false
-  }),
-
-  methods: {
-    async deleteAccount () {
-      this.loading = true
-      axios.delete('/api/user').then(async (response) => {
-        this.loading = false
-        useAlert().success(response.data.message)
-        // Log out the user.
-        await this.authStore.logout()
-
-        // Redirect to login.
-        this.$router.push({ name: 'login' })
-      }).catch((error) => {
-        useAlert().error(error.response.data.message)
-        this.loading = false
-      })
-    }
-  }
+    // Redirect to login.
+    router.push({ name: 'login' })
+  }).catch((error) => {
+    useAlert().error(error.response.data.message)
+    loading = false
+  })
 }
 </script>
diff --git a/client/pages/settings/admin.vue b/client/pages/settings/admin.vue
index 6e0155b..e9d80bf 100644
--- a/client/pages/settings/admin.vue
+++ b/client/pages/settings/admin.vue
@@ -34,54 +34,40 @@
   </div>
 </template>
 
-<script>
-import axios from 'axios'
+<script setup>
+import { useRouter } from 'vue-router';
 
-export default {
-  components: { },
-  middleware: 'admin',
-  scrollToTop: false,
+definePageMeta({
+  middleware: "admin"
+})
 
-  setup () {
-    const authStore = useAuthStore()
-    const workspacesStore = useWorkspacesStore()
-    return {
-      authStore,
-      workspacesStore
-    }
-  },
+const  metaTitle = 'Admin'
+const authStore = useAuthStore()
+const workspacesStore = useWorkspacesStore()
+const router = useRouter()
+let form = useForm({
+  identifier: ''
+})
+let loading = false
 
-  data: () => ({
-    metaTitle: 'Admin',
-    form: useForm({
-      identifier: ''
-    }),
-    loading: false
-  }),
+const impersonate = () => {
+  loading = true
+  authStore.startImpersonating()
+  opnFetch('/admin/impersonate/' + encodeURI(form.identifier)).then(async (data) => {
+    loading = false
 
-  methods: {
-    async impersonate () {
-      this.loading = true
-      this.authStore.startImpersonating()
-      axios.get('/api/admin/impersonate/' + encodeURI(this.form.identifier)).then(async (response) => {
-        this.loading = false
+    // Save the token.
+    authStore.saveToken(data.token, false)
 
-        // Save the token.
-        this.authStore.saveToken(response.data.token, false)
+    // Fetch the user.
+    await authStore.fetchUser()
 
-        // Fetch the user.
-        await this.authStore.fetchUser()
-
-        // Redirect to the dashboard.
-        this.workspacesStore.set([])
-        this.$router.push({ name: 'home' })
-      }).catch((error) => {
-        useAlert().error(error.response.data.message)
-        this.loading = false
-      })
-
-      // this.form.reset()
-    }
-  }
+    // Redirect to the dashboard.
+    workspacesStore.set([])
+    router.push({ name: 'home' })
+  }).catch((error) => {
+    useAlert().error(error.response.data.message)
+    loading = false
+  })
 }
 </script>
diff --git a/client/pages/settings/billing.vue b/client/pages/settings/billing.vue
index a4d214e..4eabbb4 100644
--- a/client/pages/settings/billing.vue
+++ b/client/pages/settings/billing.vue
@@ -19,45 +19,25 @@
   </div>
 </template>
 
-<script>
-import axios from 'axios'
+<script setup>
 import { computed } from 'vue'
 import { useAuthStore } from '../../stores/auth'
-import VButton from '~/components/global/VButton.vue'
-import SeoMeta from '../../mixins/seo-meta.js'
 import AppSumoBilling from '../../components/vendor/appsumo/AppSumoBilling.vue'
 
-export default {
-  components: { AppSumoBilling, VButton },
-  mixins: [SeoMeta],
-  scrollToTop: false,
+const metaTitle = 'Billing'
+const authStore = useAuthStore()
+let user = computed(() => authStore.user)
+let billingLoading = false
 
-  setup () {
-    const authStore = useAuthStore()
-    return {
-      user : computed(() => authStore.user)
-    }
-  },
-
-  data: () => ({
-    metaTitle: 'Billing',
-    billingLoading: false
-  }),
-
-  methods: {
-    openBillingDashboard () {
-      this.billingLoading = true
-      axios.get('/api/subscription/billing-portal').then((response) => {
-        const url = response.data.portal_url
-        window.location = url
-      }).catch((error) => {
-        useAlert().error(error.response.data.message)
-      }).finally(() => {
-        this.billingLoading = false
-      })
-    }
-  },
-
-  computed: {}
+const openBillingDashboard = () => {
+  billingLoading = true
+  opnFetch('/subscription/billing-portal').then((data) => {
+    const url = data.portal_url
+    window.location = url
+  }).catch((error) => {
+    useAlert().error(error.response.data.message)
+  }).finally(() => {
+    billingLoading = false
+  })
 }
 </script>
diff --git a/client/pages/settings/index.vue b/client/pages/settings/index.vue
index 947e5ae..c04904b 100644
--- a/client/pages/settings/index.vue
+++ b/client/pages/settings/index.vue
@@ -1,105 +1,5 @@
-<template>
-  <div class="bg-white">
-    <div class="flex bg-gray-50">
-      <div class="w-full md:w-4/5 lg:w-3/5 md:mx-auto md:max-w-4xl px-4">
-        <div class="pt-4 pb-0">
-          <div class="flex">
-            <h2 class="flex-grow text-gray-900">
-              My Account
-            </h2>
-          </div>
-          <ul class="flex text-gray-500">
-            <li>{{ user.email }}</li>
-          </ul>
-
-          <div class="mt-4 border-b border-gray-200 dark:border-gray-700">
-            <ul class="flex flex-wrap -mb-px text-sm font-medium text-center">
-              <li v-for="(tab, i) in tabsList" :key="i+1" class="mr-6">
-                <NuxtLink :to="{ name: tab.route }"
-                             class="hover:no-underline inline-block py-4 rounded-t-lg border-b-2 text-gray-500 hover:text-gray-600"
-                             active-class="text-blue-600 hover:text-blue-900 dark:text-blue-500 dark:hover:text-blue-500 border-blue-600 dark:border-blue-500"
-                >
-                  {{ tab.name }}
-                </NuxtLink>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="flex bg-white">
-      <div class="w-full md:w-4/5 lg:w-3/5 md:mx-auto md:max-w-4xl px-4">
-        <div class="mt-8 pb-0">
-          <router-view v-slot="{ Component }">
-            <transition name="page" mode="out-in">
-              <component :is="Component" />
-            </transition>
-          </router-view>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { computed } from 'vue'
-import { useAuthStore } from '../../stores/auth'
-
-export default {
-  middleware: 'auth',
-
-  setup () {
-    const authStore = useAuthStore()
-    return {
-      user: computed(() => authStore.user)
-    }
-  },
-
-  data () {
-    return {
-    }
-  },
-
-  computed: {
-    tabsList () {
-      const tabs = [
-        {
-          name: 'Profile',
-          route: 'settings-profile'
-        },
-        {
-          name: 'Workspace Settings',
-          route: 'settings-workspace'
-        },
-        {
-          name: 'Password',
-          route: 'settings-password'
-        },
-        {
-          name: 'Delete Account',
-          route: 'settings-account'
-        }
-      ]
-
-      if (this.user.is_subscribed) {
-        tabs.splice(1, 0, {
-          name: 'Billing',
-          route: 'settings-billing'
-        })
-      }
-
-      if (this.user.admin) {
-        tabs.push({
-          name: 'Admin',
-          route: 'settings-admin'
-        })
-      }
-
-      return tabs
-    }
-  },
-
-  methods: {
-  }
-}
+<script setup>
+useRouter().push({
+  name: 'settings-profile'
+})
 </script>
diff --git a/client/pages/settings/password.vue b/client/pages/settings/password.vue
index 57b7711..5db6033 100644
--- a/client/pages/settings/password.vue
+++ b/client/pages/settings/password.vue
@@ -6,8 +6,6 @@
     <small class="text-gray-600">Manage your password.</small>
 
     <form class="mt-3" @submit.prevent="update" @keydown="form.onKeydown($event)">
-      <alert-success class="mb-5" :form="form" message="Password updated." />
-
       <!-- Password -->
       <text-input native-type="password"
                   name="password" :form="form" label="Password" :required="true"
@@ -26,27 +24,17 @@
   </div>
 </template>
 
-<script>
-import SeoMeta from '../../mixins/seo-meta.js'
+<script setup>
+const metaTitle = 'Password'
+let form = useForm({
+  password: '',
+  password_confirmation: ''
+})
 
-export default {
-  mixins: [SeoMeta],
-  scrollToTop: false,
-
-  data: () => ({
-    metaTitle: 'Password',
-    form: useForm({
-      password: '',
-      password_confirmation: ''
-    })
-  }),
-
-  methods: {
-    async update () {
-      await this.form.patch('/api/settings/password')
-
-      this.form.reset()
-    }
-  }
+const update = () => {
+  form.patch('/settings/password').then((response) => {
+    form.reset()
+    useAlert().success('Password updated.')
+  })
 }
 </script>
diff --git a/client/pages/settings/profile.vue b/client/pages/settings/profile.vue
index b1404a5..6fcfd31 100644
--- a/client/pages/settings/profile.vue
+++ b/client/pages/settings/profile.vue
@@ -6,8 +6,6 @@
     <small class="text-gray-600">Update your username and manage your account details.</small>
 
     <form class="mt-3" @submit.prevent="update" @keydown="form.onKeydown($event)">
-      <alert-success class="mb-5" :form="form" message="Your info has been updated!" />
-
       <!-- Name -->
       <text-input name="name" :form="form" label="Name" :required="true" />
 
@@ -22,39 +20,26 @@
   </div>
 </template>
 
-<script>
-export default {
-  scrollToTop: false,
+<script setup>
+const authStore = useAuthStore()
+const user = computed(() => authStore.user)
+const metaTitle = 'Profile'
+let form = useForm({
+  name: '',
+  email: ''
+})
 
-  setup () {
-    const authStore = useAuthStore()
-    return {
-      authStore,
-      user : computed(() => authStore.user)
-    }
-  },
-
-  data: () => ({
-    metaTitle: 'Profile',
-    form: useForm({
-      name: '',
-      email: ''
-    })
-  }),
-
-  created () {
-    // Fill the form with user data.
-    this.form.keys().forEach(key => {
-      this.form[key] = this.user[key]
-    })
-  },
-
-  methods: {
-    async update () {
-      const { data } = await this.form.patch('/api/settings/profile')
-
-      this.authStore.updateUser(data)
-    }
-  }
+const update = () => {
+  form.patch('/settings/profile').then((response) => {
+    authStore.updateUser(response)
+    useAlert().success('Your info has been updated!')
+  })
 }
+
+onBeforeMount(() => {
+  // Fill the form with user data.
+  form.keys().forEach(key => {
+    form[key] = user.value[key]
+  })
+})
 </script>
diff --git a/client/pages/settings/workspace.vue b/client/pages/settings/workspace.vue
index 368be51..22dc0ce 100644
--- a/client/pages/settings/workspace.vue
+++ b/client/pages/settings/workspace.vue
@@ -46,7 +46,7 @@
         />
         <p class="text-gray-500 text-sm">
           Read our <a href="#"
-                      @click.prevent="$crisp.push(['do', 'helpdesk:article:open', ['en', 'how-to-use-my-own-domain-9m77g7']])"
+                      @click.prevent="crisp.openHelpdeskArticle('how-to-use-my-own-domain-9m77g7')"
           >custom
             domain instructions</a> to learn how to use your own domain.
         </p>
@@ -65,7 +65,7 @@
           Save Domains
         </v-button>
         <v-button v-if="workspaces.length > 1" color="white" class="group w-full sm:w-auto" :loading="loading"
-                  @click="deleteWorkspace(workspace)"
+                  @click="deleteWorkspace(workspace.id)"
         >
           <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 -mt-1 inline group-hover:text-red-700" fill="none"
                viewBox="0 0 24 24" stroke="currentColor"
@@ -114,103 +114,88 @@
   </div>
 </template>
 
-<script>
-import TextAreaInput from '../../components/forms/TextAreaInput.vue'
-import axios from 'axios'
+<script setup>
+import {watch} from "vue";
+import opnformConfig from "~/opnform.config.js";
+import {fetchAllWorkspaces} from "~/stores/workspaces.js";
 
-export default {
-  components: { TextAreaInput },
-  scrollToTop: false,
+const crisp = useCrisp()
+const workspacesStore = useWorkspacesStore()
+const workspaces = computed(() => workspacesStore.getAll)
+let loading = computed(() => workspacesStore.loading)
+const metaTitle = 'Workspaces'
+let form = useForm({
+  name: '',
+  emoji: ''
+})
+let workspaceModal = ref(false)
+let customDomains = ''
+let customDomainsLoading = ref(false)
 
-  setup () {
-    const formsStore = useFormsStore()
-    const workspacesStore = useWorkspacesStore()
-    return {
-      formsStore,
-      workspacesStore,
-      workspaces: computed(() => workspacesStore.content),
-      loading: computed(() => workspacesStore.loading)
-    }
-  },
+let workspace = computed(() => workspacesStore.getCurrent)
+let customDomainsEnabled = computed(() => opnformConfig.custom_domains_enabled)
 
-  data: () => ({
-    metaTitle: 'Workspaces',
-    form: useForm({
-      name: '',
-      emoji: ''
-    }),
-    workspaceModal: false,
-    customDomains: '',
-    customDomainsLoading: false
-  }),
+watch(() => workspace, () => {
+  initCustomDomains()
+})
 
-  mounted () {
-    this.workspacesStore.loadIfEmpty()
-    this.initCustomDomains()
-  },
+onMounted(() => {
+  fetchAllWorkspaces()
+  initCustomDomains()
+})
 
-  computed: {
-    workspace () {
-      return this.workspacesStore.getCurrent()
-    },
-    customDomainsEnabled () {
-      return this.$config.custom_domains_enabled
-    }
-  },
-
-  methods: {
-    saveChanges () {
-      if (this.customDomainsLoading) return
-      this.customDomainsLoading = true
-      // Update the workspace custom domain
-      axios.put('/api/open/workspaces/' + this.workspace.id + '/custom-domains', {
-        custom_domains: this.customDomains.split('\n')
-          .map(domain => domain.trim())
-          .filter(domain => domain && domain.length > 0)
-      }).then((response) => {
-        this.workspacesStore.addOrUpdate(response.data)
-        useAlert().success('Custom domains saved.')
-      }).catch((error) => {
-        useAlert().error('Failed to update custom domains: ' + error.response.data.message)
-      }).finally(() => {
-        this.customDomainsLoading = false
-      })
-    },
-    initCustomDomains () {
-      if (!this.workspace) return
-      this.customDomains = this.workspace.custom_domains.join('\n')
-    },
-    deleteWorkspace (workspace) {
-      if (this.workspaces.length <= 1) {
-        useAlert().error('You cannot delete your only workspace.')
-        return
-      }
-      useAlert().confirm('Do you really want to delete this workspace? All forms created in this workspace will be removed.', () => {
-        this.workspacesStore.delete(workspace.id).then(() => {
-          useAlert().success('Workspace successfully removed.')
-        })
-      })
-    },
-    isUrl (str) {
-      const pattern = new RegExp('^(https?:\\/\\/)?' + // protocol
-        '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
-        '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address
-        '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
-        '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
-        '(\\#[-a-z\\d_]*)?$', 'i') // fragment locator
-      return !!pattern.test(str)
-    },
-    async createWorkspace() {
-      const {data} = await this.form.post('/api/open/workspaces/create')
-      this.workspacesStore.load()
-      this.workspaceModal = false
-    }
-  },
-
-  watch: {
-    workspace () {
-      this.initCustomDomains()
-    }
-  }
+const saveChanges = () => {
+  if (customDomainsLoading.value) return
+  customDomainsLoading.value = true
+  // Update the workspace custom domain
+  opnFetch('/open/workspaces/' + workspace.value.id + '/custom-domains', {
+    method:'PUT',
+    custom_domains: customDomains.split('\n')
+      .map(domain => domain.trim())
+      .filter(domain => domain && domain.length > 0)
+  }).then((data) => {
+    workspacesStore.addOrUpdate(data)
+    useAlert().success('Custom domains saved.')
+  }).catch((error) => {
+    useAlert().error('Failed to update custom domains: ' + error.response.data.message)
+  }).finally(() => {
+    customDomainsLoading.value = false
+  })
 }
+
+const initCustomDomains = () => {
+  if (!workspace || !workspace.value.custom_domains) return
+  customDomains = workspace.value.custom_domains.join('\n')
+}
+
+const deleteWorkspace = (workspaceId) => {
+  if (workspaces.length <= 1) {
+    useAlert().error('You cannot delete your only workspace.')
+    return
+  }
+  useAlert().confirm('Do you really want to delete this workspace? All forms created in this workspace will be removed.', () => {
+    opnFetch('/open/workspaces/' + workspaceId, {method:'DELETE'}).then((data) => {
+      useAlert().success('Workspace successfully removed.')
+      workspacesStore.remove(workspaceId)
+    })
+  })
+}
+
+const isUrl = (str) => {
+  const pattern = new RegExp('^(https?:\\/\\/)?' + // protocol
+    '((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|' + // domain name
+    '((\\d{1,3}\\.){3}\\d{1,3}))' + // OR ip (v4) address
+    '(\\:\\d+)?(\\/[-a-z\\d%_.~+]*)*' + // port and path
+    '(\\?[;&a-z\\d%_.~+=-]*)?' + // query string
+    '(\\#[-a-z\\d_]*)?$', 'i') // fragment locator
+  return !!pattern.test(str)
+}
+const createWorkspace = () => {
+  form.post('/open/workspaces/create').then((response) => {
+    fetchAllWorkspaces()
+    workspaceModal.value = false
+    useAlert().success('Workspace successfully created.')
+  })
+}
+
 </script>
diff --git a/client/stores/workspaces.js b/client/stores/workspaces.js
index 39c8471..be7f96a 100644
--- a/client/stores/workspaces.js
+++ b/client/stores/workspaces.js
@@ -35,7 +35,7 @@ export const useWorkspacesStore = defineStore('workspaces', () => {
   const remove = (itemId) => {
     contentStore.remove(itemId)
     if (currentId.value === itemId) {
-      setCurrentId(contentStore.length.value > 0 ? contentStore.getAll[0].id : null)
+      setCurrentId(contentStore.length.value > 0 ? contentStore.getAll.value[0].id : null)
     }
   }