From e2dd0295ff18dffc6b13dfc8cc3f8fb26a35c38b Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Sun, 24 Dec 2023 20:19:59 +0100
Subject: [PATCH] Remove vform - working on form public page

---
 app/Models/Forms/Form.php                     |   2 +-
 .../open/forms/OpenCompleteForm.vue           |  34 +-
 client/components/open/forms/OpenForm.vue     |  62 +-
 .../components/open/forms/OpenFormField.vue   |  31 +-
 .../open/forms/components/FormSubmissions.vue |   3 +-
 .../form-components/AddFormBlock.vue          |   5 +-
 .../templates/FormTemplateModal.vue           |   5 +-
 client/components/open/tables/OpenTable.vue   |  16 +-
 .../pages/auth/ForgotPasswordModal.vue        |   4 +-
 .../pages/auth/components/RegisterForm.vue    |   4 +-
 .../pages/pricing/CheckoutDetailsModal.vue    |   4 +-
 client/composables/forms/pendingSubmission.js |  34 +
 client/composables/useForm.js                 |   2 +-
 client/lib/forms/public-page.js               |  55 ++
 .../utils.js}                                 |  11 +-
 client/pages/auth/password/email.vue          |   3 +-
 client/pages/auth/password/reset.vue          |   3 +-
 client/pages/auth/verification/resend.vue     |   5 +-
 client/pages/forms/[slug]/index.vue           | 145 +++
 client/pages/forms/[slug]/show.vue            |   5 +-
 client/pages/forms/create/guest.vue           |  11 +-
 client/pages/forms/show-public.vue            | 222 -----
 client/pages/settings/account.vue             |   6 +-
 client/pages/settings/admin.vue               |   9 +-
 client/pages/settings/password.vue            |   3 +-
 client/pages/settings/profile.vue             |   8 +-
 client/pages/settings/workspace.vue           |  10 +-
 client/stores/forms.js                        |  11 +-
 package-lock.json                             | 868 ++++++++++++------
 package.json                                  |   1 -
 .../open/forms/OpenCompleteForm.vue           |   5 +-
 resources/js/pages/forms/show-public.vue      | 177 ++--
 32 files changed, 951 insertions(+), 813 deletions(-)
 create mode 100644 client/composables/forms/pendingSubmission.js
 create mode 100644 client/lib/forms/public-page.js
 rename client/{mixins/forms/form-pending-submission-key.js => lib/utils.js} (67%)
 create mode 100644 client/pages/forms/[slug]/index.vue
 delete mode 100644 client/pages/forms/show-public.vue

diff --git a/app/Models/Forms/Form.php b/app/Models/Forms/Form.php
index 4ad2424..3fbf021 100644
--- a/app/Models/Forms/Form.php
+++ b/app/Models/Forms/Form.php
@@ -156,7 +156,7 @@ class Form extends Model implements CachableAttributes
         if ($this->custom_domain) {
             return 'https://' . $this->custom_domain . '/forms/' . $this->slug;
         }
-        return url('/forms/' . $this->slug);
+        return '/forms/' . $this->slug;
     }
 
     public function getEditUrlAttribute()
diff --git a/client/components/open/forms/OpenCompleteForm.vue b/client/components/open/forms/OpenCompleteForm.vue
index 9f9afda..843dddf 100644
--- a/client/components/open/forms/OpenCompleteForm.vue
+++ b/client/components/open/forms/OpenCompleteForm.vue
@@ -108,20 +108,17 @@
 </template>
 
 <script>
-import Form from 'vform'
 import OpenForm from './OpenForm.vue'
 import OpenFormButton from './OpenFormButton.vue'
 import { themes } from '~/lib/forms/form-themes.js'
 import VButton from '~/components/global/VButton.vue'
-import VTransition from '~/components/global/transitions/VTransition.vue'
-import FormPendingSubmissionKey from '../../../mixins/forms/form-pending-submission-key.js'
 import FormCleanings from '../../pages/forms/show/FormCleanings.vue'
+import VTransition from '~/components/global/transitions/VTransition.vue'
+import {pendingSubmission} from "~/composables/forms/pendingSubmission.js";
 
 export default {
   components: { VTransition, VButton, OpenFormButton, OpenForm, FormCleanings },
 
-  mixins: [FormPendingSubmissionKey],
-
   props: {
     form: { type: Object, required: true },
     creating: { type: Boolean, default: false }, // If true, fake form submit
@@ -129,9 +126,10 @@ export default {
     submitButtonClass: { type: String, default: '' }
   },
 
-  setup() {
+  setup(props) {
     return {
-      isIframe: useIsIframe()
+      isIframe: useIsIframe(),
+      pendingSubmission: pendingSubmission(props.form)
     }
   },
 
@@ -140,7 +138,7 @@ export default {
       loading: false,
       submitted: false,
       themes: themes,
-      passwordForm: new Form({
+      passwordForm: useForm({
         password: null
       }),
       hidePasswordDisabledMsg: false,
@@ -163,9 +161,6 @@ export default {
     }
   },
 
-  mounted () {
-  },
-
   methods: {
     submitForm (form, onFailure) {
       if (this.creating) {
@@ -175,8 +170,8 @@ export default {
       }
 
       this.loading = true
-      this.closeAlert()
-      form.post('/api/forms/' + this.form.slug + '/answer').then((response) => {
+      // this.closeAlert()
+      form.post('/forms/' + this.form.slug + '/answer').then((data) => {
         this.$logEvent('form_submission', {
           workspace_id: this.form.workspace_id,
           form_id: this.form.id
@@ -202,15 +197,15 @@ export default {
         }, '*')
 
         try {
-          window.localStorage.removeItem(this.formPendingSubmissionKey)
+          this.pendingSubmission.remove()
         } catch (e) {}
 
-        if (response.data.redirect && response.data.redirect_url) {
-          window.location.href = response.data.redirect_url
+        if (data.redirect && data.redirect_url) {
+          window.location.href = data.redirect_url
         }
 
-        if (response.data.submission_id) {
-          this.submissionId = response.data.submission_id
+        if (data.submission_id) {
+          this.submissionId = data.submission_id
         }
 
         this.loading = false
@@ -223,7 +218,8 @@ export default {
         }
       }).catch((error) => {
         if (error.response && error.response.data && error.response.data.message) {
-          this.alertError(error.response.data.message)
+          console.error(error)
+          // this.alertError(error.response.data.message)
         }
         this.loading = false
         onFailure()
diff --git a/client/components/open/forms/OpenForm.vue b/client/components/open/forms/OpenForm.vue
index a5460d1..8f3a72b 100644
--- a/client/components/open/forms/OpenForm.vue
+++ b/client/components/open/forms/OpenForm.vue
@@ -5,7 +5,7 @@
     </p>
   </div>
   <form v-else-if="dataForm" @submit.prevent="">
-    <transition name="fade" mode="out-in" appear>
+    <transition name="fade" mode="out-in">
       <div :key="currentFieldGroupIndex" class="form-group flex flex-wrap w-full">
         <draggable v-model="currentFields"
                    item-key="id"
@@ -61,22 +61,17 @@
 
 <script>
 import axios from 'axios'
-import Form from 'vform'
-import OpenFormButton from './OpenFormButton.vue'
 import clonedeep from 'clone-deep'
-import FormLogicPropertyResolver from "~/lib/forms/FormLogicPropertyResolver.js";
-import OpenFormField from './OpenFormField.vue'
 import draggable from 'vuedraggable'
-import FormPendingSubmissionKey from '../../../mixins/forms/form-pending-submission-key.js'
-
-draggable.compatConfig = { MODE: 3 }
-
-const VueHcaptcha = () => import('@hcaptcha/vue3-hcaptcha')
+import OpenFormButton from './OpenFormButton.vue'
+import VueHcaptcha from "@hcaptcha/vue3-hcaptcha"
+import OpenFormField from './OpenFormField.vue'
+import {pendingSubmission} from "~/composables/forms/pendingSubmission.js";
+import FormLogicPropertyResolver from "~/lib/forms/FormLogicPropertyResolver.js";
 
 export default {
   name: 'OpenForm',
   components: { draggable, OpenFormField, OpenFormButton, VueHcaptcha },
-  mixins: [FormPendingSubmissionKey],
   props: {
     form: {
       type: Object,
@@ -101,24 +96,26 @@ export default {
     adminPreview: { type: Boolean, default: false } // If used in FormEditorPreview
   },
 
-  setup () {
+  setup (props) {
     const recordsStore = useRecordsStore()
     const workingFormStore = useWorkingFormStore()
+    const dataForm = ref(useForm())
+
     return {
+      dataForm,
       recordsStore,
       workingFormStore,
-      darkModeEnabled: useDark()
+      darkModeEnabled: useDark(),
+      pendingSubmission: pendingSubmission(props.form)
     }
   },
 
   data () {
     return {
-      dataForm: null,
       currentFieldGroupIndex: 0,
       /**
        * Used to force refresh components by changing their keys
        */
-      formVersionId: 1,
       isAutoSubmit: false,
       /**
        * If currently dragging a field
@@ -128,7 +125,7 @@ export default {
   },
 
   computed: {
-    hCaptchaSiteKey: () => this.$config.hCaptchaSiteKey,
+    hCaptchaSiteKey: () => useAppConfig().hCaptchaSiteKey,
     /**
      * Create field groups (or Page) using page breaks if any
      */
@@ -191,7 +188,7 @@ export default {
       return this.currentFieldGroupIndex === (this.fieldGroups.length - 1)
     },
     isPublicFormPage () {
-      return this.$route.name === 'forms.show_public'
+      return this.$route.name === 'forms-slug'
     },
     dataFormValue () {
       // For get values instead of Id for select/multi select options
@@ -226,19 +223,11 @@ export default {
         this.initForm()
       }
     },
-    theme: {
-      handler () {
-        this.formVersionId++
-      }
-    },
-    dataForm: {
+    dataFormValue: {
       deep: true,
       handler () {
-        if (this.isPublicFormPage && this.form && this.form.auto_save && this.dataFormValue) {
-          try {
-            window.localStorage.setItem(this.formPendingSubmissionKey, JSON.stringify(this.dataFormValue))
-          } catch (e) {
-          }
+        if (this.isPublicFormPage && this.form && this.form.auto_save) {
+          this.pendingSubmission.set(this.dataFormValue)
         }
       }
     }
@@ -246,8 +235,7 @@ export default {
 
   mounted () {
     this.initForm()
-
-    if (window.location.href.includes('auto_submit=true')) {
+    if (window.client && window.location.href.includes('auto_submit=true')) {
       this.isAutoSubmit = true
       this.submitForm()
     }
@@ -318,20 +306,14 @@ export default {
           this.form.submission_id = urlParam.get('submission_id')
           const data = await this.getSubmissionData()
           if (data !== null && data) {
-            this.dataForm = new Form(data)
+            this.dataForm = useForm(data)
             return
           }
         }
       }
       if (this.isPublicFormPage && this.form.auto_save) {
-        let pendingData
-        try {
-          pendingData = window.localStorage.getItem(this.formPendingSubmissionKey)
-        } catch (e) {
-          pendingData = null
-        }
+        let pendingData = this.pendingSubmission.get()
         if (pendingData !== null && pendingData) {
-          pendingData = JSON.parse(pendingData)
           this.fields.forEach((field) => {
             if (field.type === 'date' && field.prefill_today === true) { // For Prefill with 'today'
               const dateObj = new Date()
@@ -345,7 +327,7 @@ export default {
               pendingData[field.id] = currentDate
             }
           })
-          this.dataForm = new Form(pendingData)
+          this.dataForm = useForm(pendingData)
           return
         }
       }
@@ -389,7 +371,7 @@ export default {
           formData[field.id] = field.prefill
         }
       })
-      this.dataForm = new Form(formData)
+      this.dataForm = useForm(formData)
     },
     previousPage () {
       this.currentFieldGroupIndex -= 1
diff --git a/client/components/open/forms/OpenFormField.vue b/client/components/open/forms/OpenFormField.vue
index eed5a29..a5ebbc9 100644
--- a/client/components/open/forms/OpenFormField.vue
+++ b/client/components/open/forms/OpenFormField.vue
@@ -81,12 +81,10 @@
 <script>
 import { computed } from 'vue'
 import FormLogicPropertyResolver from "~/lib/forms/FormLogicPropertyResolver.js"
-import FormPendingSubmissionKey from '~/mixins/forms/form-pending-submission-key.js'
 
 export default {
   name: 'OpenFormField',
   components: {},
-  mixins: [FormPendingSubmissionKey],
   props: {
     form: {
       type: Object,
@@ -115,7 +113,7 @@ export default {
     adminPreview: { type: Boolean, default: false } // If used in FormEditorPreview
   },
 
-  setup () {
+  setup (props) {
     const workingFormStore = useWorkingFormStore()
     return {
       workingFormStore,
@@ -125,20 +123,6 @@ export default {
   },
 
   computed: {
-    fieldComponents () {
-      return {
-        text: 'TextInput',
-        number: 'TextInput',
-        select: 'SelectInput',
-        multi_select: 'SelectInput',
-        date: 'DateInput',
-        files: 'FileInput',
-        checkbox: 'CheckboxInput',
-        url: 'TextInput',
-        email: 'TextInput',
-        phone_number: 'TextInput'
-      }
-    },
     /**
      * Get the right input component for the field/options combination
      */
@@ -168,7 +152,18 @@ export default {
       if (field.type === 'phone_number' && !field.use_simple_text_input) {
         return 'PhoneInput'
       }
-      return this.fieldComponents[field.type]
+      return {
+        text: 'TextInput',
+        number: 'TextInput',
+        select: 'SelectInput',
+        multi_select: 'SelectInput',
+        date: 'DateInput',
+        files: 'FileInput',
+        checkbox: 'CheckboxInput',
+        url: 'TextInput',
+        email: 'TextInput',
+        phone_number: 'TextInput'
+      }[field.type]
     },
     isPublicFormPage () {
       return this.$route.name === 'forms.show_public'
diff --git a/client/components/open/forms/components/FormSubmissions.vue b/client/components/open/forms/components/FormSubmissions.vue
index 65e36cf..32beba1 100644
--- a/client/components/open/forms/components/FormSubmissions.vue
+++ b/client/components/open/forms/components/FormSubmissions.vue
@@ -89,7 +89,6 @@
 
 <script>
 import Fuse from 'fuse.js'
-import Form from 'vform'
 import clonedeep from 'clone-deep'
 import VSwitch from '../../../forms/components/VSwitch.vue'
 import OpenTable from '../../tables/OpenTable.vue'
@@ -117,7 +116,7 @@ export default {
       properties: [],
       removed_properties: [],
       displayColumns: {},
-      searchForm: new Form({
+      searchForm: useForm({
         search: ''
       })
     }
diff --git a/client/components/open/forms/components/form-components/AddFormBlock.vue b/client/components/open/forms/components/form-components/AddFormBlock.vue
index fc15351..985554b 100644
--- a/client/components/open/forms/components/form-components/AddFormBlock.vue
+++ b/client/components/open/forms/components/form-components/AddFormBlock.vue
@@ -61,10 +61,8 @@
 </template>
 
 <script>
-import Form from 'vform'
 import clonedeep from 'clone-deep'
 import { computed } from 'vue'
-import { useWorkingFormStore } from '../../../../../stores/working_form'
 
 export default {
   name: 'AddFormBlock',
@@ -206,7 +204,7 @@ export default {
       this.workingFormStore.closeAddFieldSidebar()
     },
     reset () {
-      this.blockForm = new Form({
+      this.blockForm = useForm({
         type: null,
         name: null
       })
@@ -222,7 +220,6 @@ export default {
       }
       newBlock.help_position = 'below_input'
       if (this.selectedFieldIndex === null || this.selectedFieldIndex === undefined) {
-        console.log('------',this.form)
         const newFields = clonedeep(this.form.properties)
         newFields.push(newBlock)
         this.form.properties = newFields
diff --git a/client/components/open/forms/components/templates/FormTemplateModal.vue b/client/components/open/forms/components/templates/FormTemplateModal.vue
index c0f21a0..96b2c82 100644
--- a/client/components/open/forms/components/templates/FormTemplateModal.vue
+++ b/client/components/open/forms/components/templates/FormTemplateModal.vue
@@ -73,10 +73,7 @@
 
 <script>
 import axios from 'axios'
-import Form from 'vform'
 import { computed } from 'vue'
-import { useAuthStore } from '../../../../../stores/auth'
-import { useTemplatesStore } from '../../../../../stores/templates'
 import QuestionsEditor from './QuestionsEditor.vue'
 
 export default {
@@ -105,7 +102,7 @@ export default {
   }),
 
   mounted () {
-    this.templateForm = new Form(this.template ?? {
+    this.templateForm = useForm(this.template ?? {
       publicly_listed: false,
       name: '',
       slug: '',
diff --git a/client/components/open/tables/OpenTable.vue b/client/components/open/tables/OpenTable.vue
index 8fb2c9f..756f48e 100644
--- a/client/components/open/tables/OpenTable.vue
+++ b/client/components/open/tables/OpenTable.vue
@@ -78,7 +78,6 @@
 </template>
 
 <script>
-import { useWorkingFormStore } from '../../../stores/working_form'
 import OpenText from './components/OpenText.vue'
 import OpenUrl from './components/OpenUrl.vue'
 import OpenSelect from './components/OpenSelect.vue'
@@ -89,19 +88,6 @@ import ResizableTh from './components/ResizableTh.vue'
 import RecordOperations from '../components/RecordOperations.vue'
 import clonedeep from 'clone-deep'
 
-const cyrb53 = function (str, seed = 0) {
-  let h1 = 0xdeadbeef ^ seed
-  let h2 = 0x41c6ce57 ^ seed
-  for (let i = 0, ch; i < str.length; i++) {
-    ch = str.charCodeAt(i)
-    h1 = Math.imul(h1 ^ ch, 2654435761)
-    h2 = Math.imul(h2 ^ ch, 1597334677)
-  }
-  h1 = Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^ Math.imul(h2 ^ (h2 >>> 13), 3266489909)
-  h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909)
-  return 4294967296 * (2097151 & h2) + (h1 >>> 0)
-}
-
 export default {
   components: { ResizableTh, RecordOperations },
   props: {
@@ -181,7 +167,7 @@ export default {
 
   mounted () {
     const parent = document.getElementById('table-page')
-    this.tableHash = cyrb53(JSON.stringify(this.form.properties))
+    this.tableHash = hash(JSON.stringify(this.form.properties))
     if (parent) {
       parent.addEventListener('scroll', this.handleScroll, { passive: true })
     }
diff --git a/client/components/pages/auth/ForgotPasswordModal.vue b/client/components/pages/auth/ForgotPasswordModal.vue
index 4d48849..b5f0440 100644
--- a/client/components/pages/auth/ForgotPasswordModal.vue
+++ b/client/components/pages/auth/ForgotPasswordModal.vue
@@ -47,8 +47,6 @@
   </template>
 
   <script>
-  import Form from 'vform'
-
   export default {
     name: 'ForgotPasswordModal',
     components: { },
@@ -60,7 +58,7 @@
     },
     data: () => ({
       isMailSent: false,
-      form: new Form({
+      form: useForm({
         email: ''
       })
     }),
diff --git a/client/components/pages/auth/components/RegisterForm.vue b/client/components/pages/auth/components/RegisterForm.vue
index 5e0c672..baddcdd 100644
--- a/client/components/pages/auth/components/RegisterForm.vue
+++ b/client/components/pages/auth/components/RegisterForm.vue
@@ -48,8 +48,6 @@
 </template>
 
 <script>
-import Form from 'vform'
-
 export default {
   name: 'RegisterForm',
   components: {},
@@ -71,7 +69,7 @@ export default {
   },
 
   data: () => ({
-    form: new Form({
+    form: useForm({
       name: '',
       email: '',
       password: '',
diff --git a/client/components/pages/pricing/CheckoutDetailsModal.vue b/client/components/pages/pricing/CheckoutDetailsModal.vue
index a39aabb..aa61a1e 100644
--- a/client/components/pages/pricing/CheckoutDetailsModal.vue
+++ b/client/components/pages/pricing/CheckoutDetailsModal.vue
@@ -13,8 +13,6 @@
 <script>
 import { computed } from 'vue'
 import axios from 'axios'
-import Form from 'vform'
-import { useAuthStore } from '../../../stores/auth'
 import TextInput from '../../forms/TextInput.vue'
 import VButton from '~/components/global/VButton.vue'
 
@@ -43,7 +41,7 @@ export default {
   },
 
   data: () => ({
-    form: new Form({
+    form: useForm({
       name: '',
       email: ''
     }),
diff --git a/client/composables/forms/pendingSubmission.js b/client/composables/forms/pendingSubmission.js
new file mode 100644
index 0000000..a936979
--- /dev/null
+++ b/client/composables/forms/pendingSubmission.js
@@ -0,0 +1,34 @@
+import {hash} from "~/lib/utils.js"
+import {useStorage} from "@vueuse/core"
+
+export const pendingSubmission = (form) => {
+
+  const formPendingSubmissionKey = computed(() => {
+    return (form) ? form.form_pending_submission_key + '-' + hash(window.location.href) : ''
+  })
+
+  const enabled = computed(() => {
+    return form?.auto_save ?? false
+  })
+
+  const set = (value) => {
+    if (process.server || !enabled.value) return
+    useStorage(formPendingSubmissionKey.value).value = JSON.stringify(value)
+  }
+
+  const remove = () => {
+    return set(null)
+  }
+
+  const get = (defaultValue = {}) => {
+    if (process.server || !enabled.value) return
+    const pendingSubmission = useStorage(formPendingSubmissionKey.value).value
+    return pendingSubmission ? JSON.parse(pendingSubmission) : defaultValue
+  }
+
+  return {
+    enabled,
+    set,
+    get
+  }
+}
diff --git a/client/composables/useForm.js b/client/composables/useForm.js
index fa2e2ff..1960ac5 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) => {
+export const useForm = (formData = {}) => {
   return new Form(formData)
 }
diff --git a/client/lib/forms/public-page.js b/client/lib/forms/public-page.js
new file mode 100644
index 0000000..237802b
--- /dev/null
+++ b/client/lib/forms/public-page.js
@@ -0,0 +1,55 @@
+/**
+ * Handle form public pages dark mode and transparent mode
+ */
+export function handleDarkMode (darkMode, elem = null) {
+  if (process.server) return
+  const darkModeNodeParent = elem ?? document.body
+
+  // Dark mode
+  if (['dark', 'light'].includes(darkMode)) {
+    return handleDarkModeToggle(darkMode === 'dark')
+  }
+
+  // Case auto
+  handleDarkModeToggle(window.matchMedia('(prefers-color-scheme: dark)').matches, darkModeNodeParent)
+
+  // Create listener
+  window.matchMedia('(prefers-color-scheme: dark)')
+    .addEventListener('change', handleDarkModeToggle)
+}
+
+function handleDarkModeToggle (enabled, darkModeNodeParent) {
+  if (enabled !== false && enabled !== true) {
+    // if we received an event
+    enabled = enabled.matches
+  }
+  enabled ? darkModeNodeParent.classList.add('dark') : darkModeNodeParent.classList.remove('dark')
+}
+
+export function disableDarkMode () {
+  if (process.server) return
+  const body = document.body
+  body.classList.remove('dark')
+  // Remove event listener
+  window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', handleDarkModeToggle)
+}
+
+export function handleTransparentMode (transparentModeEnabled) {
+  if (process.server) return
+  if (!useIsIframe() || !transparentModeEnabled) return
+
+  const app = document.getElementById('app')
+  app.classList.remove('bg-white')
+  app.classList.remove('dark:bg-notion-dark')
+  app.classList.add('bg-transparent')
+}
+
+export function focusOnFirstFormElement() {
+  if (process.server) return
+  for (const ele of document.querySelectorAll('input,button,textarea,[role="button"]')) {
+    if (ele.offsetWidth !== 0 || ele.offsetHeight !== 0) {
+      ele.focus()
+      break
+    }
+  }
+}
diff --git a/client/mixins/forms/form-pending-submission-key.js b/client/lib/utils.js
similarity index 67%
rename from client/mixins/forms/form-pending-submission-key.js
rename to client/lib/utils.js
index 30c5acb..60385b8 100644
--- a/client/mixins/forms/form-pending-submission-key.js
+++ b/client/lib/utils.js
@@ -1,4 +1,5 @@
-const cyrb53 = (str, seed = 0) => {
+
+export const hash = (str, seed = 0) => {
   let h1 = 0xdeadbeef ^ seed,
     h2 = 0x41c6ce57 ^ seed;
   for (let i = 0, ch; i < str.length; i++) {
@@ -11,12 +12,4 @@ const cyrb53 = (str, seed = 0) => {
   h2 = Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^ Math.imul(h1 ^ (h1 >>> 13), 3266489909);
 
   return 4294967296 * (2097151 & h2) + (h1 >>> 0);
-};
-
-export default {
-  computed: {
-    formPendingSubmissionKey() {
-      return (this.form) ? this.form.form_pending_submission_key + '-' + cyrb53(window.location.href) : ''
-    }
-  }
 }
diff --git a/client/pages/auth/password/email.vue b/client/pages/auth/password/email.vue
index 7f04959..a5c86ae 100644
--- a/client/pages/auth/password/email.vue
+++ b/client/pages/auth/password/email.vue
@@ -23,7 +23,6 @@
 </template>
 
 <script>
-import Form from 'vform'
 import OpenFormFooter from '../../../components/pages/OpenFormFooter.vue'
 import SeoMeta from '../../../mixins/seo-meta.js'
 
@@ -38,7 +37,7 @@ export default {
   data: () => ({
     metaTitle: 'Reset Password',
     status: '',
-    form: new Form({
+    form: useForm({
       email: ''
     })
   }),
diff --git a/client/pages/auth/password/reset.vue b/client/pages/auth/password/reset.vue
index 10bfcf0..9a1f960 100644
--- a/client/pages/auth/password/reset.vue
+++ b/client/pages/auth/password/reset.vue
@@ -33,7 +33,6 @@
 </template>
 
 <script>
-import Form from 'vform'
 import OpenFormFooter from '../../../components/pages/OpenFormFooter.vue'
 import SeoMeta from '../../../mixins/seo-meta.js'
 
@@ -48,7 +47,7 @@ export default {
   data: () => ({
     metaTitle: 'Reset Password',
     status: '',
-    form: new Form({
+    form: useForm({
       token: '',
       email: '',
       password: '',
diff --git a/client/pages/auth/verification/resend.vue b/client/pages/auth/verification/resend.vue
index 1236b8f..d748b6b 100644
--- a/client/pages/auth/verification/resend.vue
+++ b/client/pages/auth/verification/resend.vue
@@ -24,17 +24,14 @@
 </template>
 
 <script>
-import Form from 'vform'
-import SeoMeta from '../../../mixins/seo-meta.js'
 
 export default {
-  mixins: [SeoMeta],
   middleware: 'guest',
 
   data: () => ({
     metaTitle: 'Verify Email',
     status: '',
-    form: new Form({
+    form: useForm({
       email: ''
     })
   }),
diff --git a/client/pages/forms/[slug]/index.vue b/client/pages/forms/[slug]/index.vue
new file mode 100644
index 0000000..dd4fb19
--- /dev/null
+++ b/client/pages/forms/[slug]/index.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="flex flex-col">
+    <div v-if="form && !isIframe && (form.logo_picture || form.cover_picture)">
+      <div v-if="form.cover_picture">
+        <div id="cover-picture" class="max-h-56 w-full overflow-hidden flex items-center justify-center">
+          <img alt="Form Cover Picture" :src="form.cover_picture" class="w-full">
+        </div>
+      </div>
+      <div v-if="form.logo_picture" class="w-full p-5 relative mx-auto"
+           :class="{'pt-20':!form.cover_picture, 'md:w-3/5 lg:w-1/2 md:max-w-2xl': form.width === 'centered', 'max-w-7xl': (form.width === 'full' && !isIframe) }"
+      >
+        <img alt="Logo Picture" :src="form.logo_picture"
+             :class="{'top-5':!form.cover_picture, '-top-10':form.cover_picture}"
+             class="w-20 h-20 object-contain absolute left-5 transition-all"
+        >
+      </div>
+    </div>
+    <div class="w-full mx-auto px-4"
+         :class="{'mt-6':!isIframe, 'md:w-3/5 lg:w-1/2 md:max-w-2xl': form && (form.width === 'centered'), 'max-w-7xl': (form && form.width === 'full' && !isIframe)}"
+    >
+      <div v-if="!formLoading && !form">
+        <h1 class="mt-6" v-text="'Whoops'"/>
+        <p class="mt-6">
+          Unfortunately we could not find this form. It may have been deleted by it's author.
+        </p>
+        <p class="mb-10 mt-4">
+          <router-link :to="{name:'index'}">
+            Create your form for free with OpnForm
+          </router-link>
+        </p>
+      </div>
+      <div v-else-if="formLoading">
+        <p class="text-center mt-6 p-4">
+          <loader class="h-6 w-6 text-nt-blue mx-auto"/>
+        </p>
+      </div>
+      <template v-else>
+        <div v-if="recordLoading">
+          <p class="text-center mt-6 p-4">
+            <loader class="h-6 w-6 text-nt-blue mx-auto"/>
+          </p>
+        </div>
+        <open-complete-form v-show="!recordLoading" ref="open-complete-form" :form="form" class="mb-10"
+                            @password-entered="passwordEntered"
+        />
+      </template>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {computed} from 'vue'
+import OpenCompleteForm from '../../components/open/forms/OpenCompleteForm.vue'
+import sha256 from 'js-sha256'
+import {onBeforeRouteLeave} from 'vue-router'
+import {disableDarkMode, handleDarkMode, handleTransparentMode, focusOnFirstFormElement} from '~/lib/forms/public-page'
+
+const crisp = useCrisp()
+const formsStore = useFormsStore()
+const recordsStore = useRecordsStore()
+
+const isIframe = useIsIframe()
+const formLoading = computed(() => formsStore.loading)
+const recordLoading = computed(() => recordsStore.loading)
+const slug = useRoute().params.slug
+const form = computed(() => formsStore.getByKey(slug))
+const submitted = ref(false)
+
+crisp.hideChat()
+onBeforeRouteLeave((to, from) => {
+  crisp.showChat()
+  disableDarkMode()
+})
+
+const passwordEntered = function (password) {
+  useCookie('password-' + slug, {
+    maxAge: {expires: 60 * 60 * 7},
+    sameSite: false,
+    secure: true
+  }).value = sha256(password)
+  loadForm(slug).then(() => {
+    if (form.value?.is_password_protected) {
+      this.$refs['open-complete-form'].addPasswordError('Invalid password.')
+    }
+  })
+}
+
+const loadForm = async () => {
+  if (formsStore.loading || form.value) return Promise.resolve()
+  console.info('Loading form', slug)
+  const {data, error} = await formsStore.publicLoad(slug)
+  if (error.value) {
+    formsStore.stopLoading()
+    return
+  }
+  formsStore.save(data.value)
+  formsStore.stopLoading()
+
+  // Adapt page to form: colors, custom code etc
+  handleDarkMode(form.value)
+  handleTransparentMode(form.value)
+
+  if (process.server) return
+  if (form.value.custom_code) {
+    const scriptEl = document.createRange().createContextualFragment(form.value.custom_code)
+    document.head.append(scriptEl)
+  }
+  if (!isIframe) focusOnFirstFormElement()
+}
+
+onMounted(() => {
+  loadForm(slug)
+})
+
+await loadForm(slug)
+
+// metaTitle () {
+//   if (this.form && this.form.is_pro && this.form.seo_meta.page_title) {
+//     return this.form.seo_meta.page_title
+//   }
+//   return this.form ? this.form.title : 'Create beautiful forms'
+// },
+// metaTemplate () {
+//   if (this.form && this.form.is_pro && this.form.seo_meta.page_title) {
+//     // Disable template if custom SEO title
+//     return '%s'
+//   }
+//   return null
+// },
+// metaDescription () {
+//   if (this.form && this.form.is_pro && this.form.seo_meta.page_description) {
+//     return this.form.seo_meta.page_description
+//   }
+//   return (this.form && this.form.description) ? this.form.description.substring(0, 160) : null
+// },
+// metaImage () {
+//   if (this.form && this.form.is_pro && this.form.seo_meta.page_thumbnail) {
+//     return this.form.seo_meta.page_thumbnail
+//   }
+//   return (this.form && this.form.cover_picture) ? this.form.cover_picture : null
+// },
+// metaTags () {
+//   return (this.form && this.form.can_be_indexed) ? [] : [{ name: 'robots', content: 'noindex' }]
+// }
+</script>
diff --git a/client/pages/forms/[slug]/show.vue b/client/pages/forms/[slug]/show.vue
index a6458b7..65df2c7 100644
--- a/client/pages/forms/[slug]/show.vue
+++ b/client/pages/forms/[slug]/show.vue
@@ -128,7 +128,6 @@
 
 <script>
 import { computed } from 'vue'
-import Form from 'vform'
 import ProTag from '~/components/global/ProTag.vue'
 import VButton from '~/components/global/VButton.vue'
 import ExtraMenu from '../../../components/pages/forms/show/ExtraMenu.vue'
@@ -222,13 +221,13 @@ export default {
 
   watch: {
     form () {
-      this.workingForm = new Form(this.form)
+      this.workingForm = useForm(this.form)
     }
   },
 
   mounted () {
     if (this.form) {
-      this.workingForm = new Form(this.form)
+      this.workingForm = useForm(this.form)
     }
   },
 
diff --git a/client/pages/forms/create/guest.vue b/client/pages/forms/create/guest.vue
index e1d003f..2cd100b 100644
--- a/client/pages/forms/create/guest.vue
+++ b/client/pages/forms/create/guest.vue
@@ -25,13 +25,8 @@
 
 <script>
 import { computed } from 'vue'
-import Form from 'vform'
-import { useTemplatesStore } from '../../../stores/templates.js'
-import { useWorkingFormStore } from '../../../stores/working_form.js'
-import { useWorkspacesStore } from '../../../stores/workspaces.js'
 import QuickRegister from '~/components/pages/auth/components/QuickRegister.vue'
 import initForm from '../../../mixins/form_editor/initForm.js'
-import SeoMeta from '../../../mixins/seo-meta.js'
 import CreateFormBaseModal from '../../../components/pages/forms/create/CreateFormBaseModal.vue'
 
 const loadTemplates = function () {
@@ -47,7 +42,7 @@ export default {
   components: {
     QuickRegister, CreateFormBaseModal
   },
-  mixins: [initForm, SeoMeta],
+  mixins: [initForm],
   middleware: 'guest',
 
   beforeRouteEnter (to, from, next) {
@@ -118,7 +113,7 @@ export default {
     if (this.$route.query.template !== undefined && this.$route.query.template) {
       const template = this.templatesStore.getByKey(this.$route.query.template)
       if (template && template.structure) {
-        this.form = new Form({ ...this.form.data(), ...template.structure })
+        this.form = useForm({ ...this.form.data(), ...template.structure })
       }
     } else {
       // No template loaded, ask how to start
@@ -146,7 +141,7 @@ export default {
       }, 500)
     },
     formGenerated (form) {
-      this.form = new Form({ ...this.form.data(), ...form })
+      this.form = useForm({ ...this.form.data(), ...form })
     }
   }
 }
diff --git a/client/pages/forms/show-public.vue b/client/pages/forms/show-public.vue
deleted file mode 100644
index cdbc626..0000000
--- a/client/pages/forms/show-public.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-<template>
-  <div class="flex flex-col">
-    <div v-if="form && !isIframe && (form.logo_picture || form.cover_picture)">
-      <div v-if="form.cover_picture">
-        <div id="cover-picture" class="max-h-56 w-full overflow-hidden flex items-center justify-center">
-          <img alt="Form Cover Picture" :src="form.cover_picture" class="w-full">
-        </div>
-      </div>
-      <div v-if="form.logo_picture" class="w-full p-5 relative mx-auto"
-           :class="{'pt-20':!form.cover_picture, 'md:w-3/5 lg:w-1/2 md:max-w-2xl': form.width === 'centered', 'max-w-7xl': (form.width === 'full' && !isIframe) }"
-      >
-        <img alt="Logo Picture" :src="form.logo_picture"
-             :class="{'top-5':!form.cover_picture, '-top-10':form.cover_picture}"
-             class="w-20 h-20 object-contain absolute left-5 transition-all"
-        >
-      </div>
-    </div>
-    <div class="w-full mx-auto px-4"
-         :class="{'mt-6':!isIframe, 'md:w-3/5 lg:w-1/2 md:max-w-2xl': form && (form.width === 'centered'), 'max-w-7xl': (form && form.width === 'full' && !isIframe)}"
-    >
-      <div v-if="!formLoading && !form">
-        <h1 class="mt-6" v-text="'Whoops'" />
-        <p class="mt-6">
-          Unfortunately we could not find this form. It may have been deleted by it's author.
-        </p>
-        <p class="mb-10 mt-4">
-          <NuxtLink :to="{name:'index'}">
-            Create your form for free with OpnForm
-          </NuxtLink>
-        </p>
-      </div>
-      <div v-else-if="formLoading">
-        <p class="text-center mt-6 p-4">
-          <Loader class="h-6 w-6 text-nt-blue mx-auto" />
-        </p>
-      </div>
-      <template v-else>
-        <div v-if="recordLoading">
-          <p class="text-center mt-6 p-4">
-            <Loader class="h-6 w-6 text-nt-blue mx-auto" />
-          </p>
-        </div>
-        <open-complete-form v-show="!recordLoading" ref="open-complete-form" :form="form" class="mb-10"
-                              @password-entered="passwordEntered"
-        />
-      </template>
-    </div>
-  </div>
-</template>
-
-<script>
-import axios from 'axios'
-import { computed } from 'vue'
-import { useFormsStore } from '../../stores/forms'
-import { useRecordsStore } from '../../stores/records'
-import OpenCompleteForm from '../../components/open/forms/OpenCompleteForm.vue'
-import sha256 from 'js-sha256'
-import SeoMeta from '../../mixins/seo-meta.js'
-
-const isFrame = window.location !== window.parent.location || window.frameElement
-
-function handleDarkMode (form) {
-  // Dark mode
-  const body = document.body
-  if (form.dark_mode === 'dark') {
-    body.classList.add('dark')
-  } else if (form.dark_mode === 'light') {
-    body.classList.remove('dark')
-  } else if (form.dark_mode === 'auto' && isFrame) {
-    // Remove dark mode if embed in a notion basic site
-    let parentUrl
-    try {
-      parentUrl = window.location.ancestorOrigins[0]
-    } catch (e) {
-      parentUrl = (window.location !== window.parent.location)
-        ? document.referrer
-        : document.location.href
-    }
-    if (parentUrl.includes('.notion.site')) {
-      body.classList.remove('dark')
-    }
-  }
-}
-
-function handleTransparentMode (form) {
-  const isFrame = window.location !== window.parent.location || window.frameElement
-  if (!isFrame || !form.transparent_background) return
-
-  const app = document.getElementById('app')
-  app.classList.remove('bg-white')
-  app.classList.remove('dark:bg-notion-dark')
-  app.classList.add('bg-transparent')
-}
-
-function loadForm (slug) {
-  const formsStore = useFormsStore()
-  if (formsStore.loading) return
-  formsStore.startLoading()
-  return axios.get('/api/forms/' + slug).then((response) => {
-    const form = response.data
-    formsStore.set([response.data])
-
-    // Custom code injection
-    if (form.custom_code) {
-      const scriptEl = document.createRange().createContextualFragment(form.custom_code)
-      document.head.append(scriptEl)
-    }
-
-    handleDarkMode(form)
-    handleTransparentMode(form)
-
-    formsStore.stopLoading()
-  }).catch(() => {
-    formsStore.stopLoading()
-  })
-}
-
-export default {
-  components: { OpenCompleteForm },
-  mixins: [SeoMeta],
-
-  beforeRouteEnter (to, from, next) {
-    if (window.$crisp) {
-      window.$crisp.push(['do', 'chat:hide'])
-    }
-    next()
-  },
-
-  beforeRouteLeave (to, from, next) {
-    if (window.$crisp) {
-      window.$crisp.push(['do', 'chat:show'])
-    }
-    next()
-  },
-
-  setup () {
-    const formsStore = useFormsStore()
-    const recordsStore = useRecordsStore()
-    return {
-      formsStore,
-      forms : computed(() => formsStore.content),
-      formLoading : computed(() => formsStore.loading),
-      recordLoading : computed(() => recordsStore.loading)
-    }
-  },
-
-  data () {
-    return {
-      submitted: false
-    }
-  },
-
-  mounted () {
-    loadForm(this.formSlug).then(() => {
-      if (this.isIframe) return
-      // Auto focus on first input
-      const visibleElements = []
-      document.querySelectorAll('input,button,textarea,[role="button"]').forEach(ele => {
-        if (ele.offsetWidth !== 0 || ele.offsetHeight !== 0) {
-          visibleElements.push(ele)
-        }
-      })
-      if (visibleElements.length > 0) {
-        visibleElements[0].focus()
-      }
-    })
-  },
-
-  methods: {
-    passwordEntered (password) {
-      if (process.client) {
-        useCookie('password-' + this.form.slug, {maxAge: { expires: 60*60*7}}).value = sha256(password)
-      }
-      loadForm(this.formSlug).then(() => {
-        if (this.form.is_password_protected) {
-          this.$refs['open-complete-form'].addPasswordError('Invalid password.')
-        }
-      })
-    }
-  },
-
-  computed: {
-    formSlug () {
-      return this.$route.params.slug
-    },
-    form () {
-      return this.formsStore.getByKey(this.formSlug)
-    },
-    isIframe () {
-      return window.location !== window.parent.location || window.frameElement
-    },
-    metaTitle () {
-      if(this.form && this.form.is_pro && this.form.seo_meta.page_title) {
-        return this.form.seo_meta.page_title
-      }
-      return this.form ? this.form.title : 'Create beautiful forms'
-    },
-    metaTemplate () {
-      if (this.form && this.form.is_pro && this.form.seo_meta.page_title) {
-        // Disable template if custom SEO title
-        return '%s'
-      }
-      return null
-    },
-    metaDescription () {
-      if (this.form && this.form.is_pro && this.form.seo_meta.page_description) {
-        return this.form.seo_meta.page_description
-      }
-      return (this.form && this.form.description) ? this.form.description.substring(0, 160) : null
-    },
-    metaImage () {
-      if (this.form && this.form.is_pro && this.form.seo_meta.page_thumbnail) {
-        return this.form.seo_meta.page_thumbnail
-      }
-      return (this.form && this.form.cover_picture) ? this.form.cover_picture : null
-    },
-    metaTags () {
-      return (this.form && this.form.can_be_indexed) ? [] : [{ name: 'robots', content: 'noindex' }]
-    }
-  }
-}
-</script>
diff --git a/client/pages/settings/account.vue b/client/pages/settings/account.vue
index 6cb4f69..3181d08 100644
--- a/client/pages/settings/account.vue
+++ b/client/pages/settings/account.vue
@@ -16,14 +16,10 @@
 </template>
 
 <script>
-import Form from 'vform'
 import axios from 'axios'
-import { useAuthStore } from '../../stores/auth'
-import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
   scrollToTop: false,
-  mixins: [SeoMeta],
 
   setup () {
     const authStore = useAuthStore()
@@ -34,7 +30,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Account',
-    form: new Form({
+    form: useForm({
       identifier: ''
     }),
     loading: false
diff --git a/client/pages/settings/admin.vue b/client/pages/settings/admin.vue
index 0781f64..ff1c5b4 100644
--- a/client/pages/settings/admin.vue
+++ b/client/pages/settings/admin.vue
@@ -3,7 +3,7 @@
     <h3 class="font-semibold text-2xl text-gray-900">Admin settings</h3>
     <small class="text-gray-600">Manage settings.</small>
 
-  
+
     <h3 class="mt-3 text-lg font-semibold mb-4">
       Tools
     </h3>
@@ -35,17 +35,12 @@
 </template>
 
 <script>
-import Form from 'vform'
 import axios from 'axios'
-import { useAuthStore } from '../../stores/auth'
-import { useWorkspacesStore } from '../../stores/workspaces'
-import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
   components: { },
   middleware: 'admin',
   scrollToTop: false,
-  mixins: [SeoMeta],
 
   setup () {
     const authStore = useAuthStore()
@@ -58,7 +53,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Admin',
-    form: new Form({
+    form: useForm({
       identifier: ''
     }),
     loading: false
diff --git a/client/pages/settings/password.vue b/client/pages/settings/password.vue
index 2e74057..57b7711 100644
--- a/client/pages/settings/password.vue
+++ b/client/pages/settings/password.vue
@@ -27,7 +27,6 @@
 </template>
 
 <script>
-import Form from 'vform'
 import SeoMeta from '../../mixins/seo-meta.js'
 
 export default {
@@ -36,7 +35,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Password',
-    form: new Form({
+    form: useForm({
       password: '',
       password_confirmation: ''
     })
diff --git a/client/pages/settings/profile.vue b/client/pages/settings/profile.vue
index efb114b..b1404a5 100644
--- a/client/pages/settings/profile.vue
+++ b/client/pages/settings/profile.vue
@@ -23,13 +23,7 @@
 </template>
 
 <script>
-import Form from 'vform'
-import { computed } from 'vue'
-import { useAuthStore } from '../../stores/auth'
-import SeoMeta from '../../mixins/seo-meta.js'
-
 export default {
-  mixins: [SeoMeta],
   scrollToTop: false,
 
   setup () {
@@ -42,7 +36,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Profile',
-    form: new Form({
+    form: useForm({
       name: '',
       email: ''
     })
diff --git a/client/pages/settings/workspace.vue b/client/pages/settings/workspace.vue
index 085c1a3..ab9e65c 100644
--- a/client/pages/settings/workspace.vue
+++ b/client/pages/settings/workspace.vue
@@ -115,20 +115,12 @@
 </template>
 
 <script>
-import { computed } from 'vue'
-import Form from 'vform'
-import { useFormsStore } from '../../stores/forms'
-import { useWorkspacesStore } from '../../stores/workspaces'
-import SeoMeta from '../../mixins/seo-meta.js'
 import TextAreaInput from '../../components/forms/TextAreaInput.vue'
 import axios from 'axios'
-import * as domain from 'domain'
 
 export default {
   components: { TextAreaInput },
-  mixins: [SeoMeta],
   scrollToTop: false,
-  mixins: [SeoMeta],
 
   setup () {
     const formsStore = useFormsStore()
@@ -143,7 +135,7 @@ export default {
 
   data: () => ({
     metaTitle: 'Workspaces',
-    form: new Form({
+    form: useForm({
       name: '',
       emoji: ''
     }),
diff --git a/client/stores/forms.js b/client/stores/forms.js
index 4b0600b..612e389 100644
--- a/client/stores/forms.js
+++ b/client/stores/forms.js
@@ -42,6 +42,14 @@ export const useFormsStore = defineStore('forms', () => {
       })
   }
 
+  /**
+   * Load a form from the public API
+   */
+  const publicLoad = (slug) => {
+    contentStore.startLoading()
+    return useOpnApi('/forms/' + slug)
+  }
+
   const allTags = computed(() => {
     let tags = []
     contentStore.getAll.value.forEach((form) => {
@@ -56,7 +64,8 @@ export const useFormsStore = defineStore('forms', () => {
     ...contentStore,
     allLoaded,
     allTags,
+    publicLoad,
     loadAll,
-    load
+    load,
   }
 })
diff --git a/package-lock.json b/package-lock.json
index c483ee6..22eb80e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,7 +16,6 @@
         "axios": "^0.21.1",
         "chart.js": "^4.4.0",
         "clone-deep": "^4.0.1",
-        "crisp-sdk-web": "^1.0.21",
         "date-fns": "^2.28.0",
         "debounce": "^1.2.1",
         "fuse.js": "^6.4.6",
@@ -27,7 +26,6 @@
         "qrcode": "^1.5.1",
         "query-builder-vue-3": "^1.0.1",
         "tinymotion": "^0.2.0",
-        "vform": "^2.1.1",
         "vue": "^3.2.13",
         "vue-chartjs": "^5.2.0",
         "vue-codemirror": "^4.0.6",
@@ -127,21 +125,21 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.5.tgz",
-      "integrity": "sha512-Cwc2XjUrG4ilcfOw4wBAK+enbdgwAcAJCfGUItPBKR7Mjw4aEfAFYrLxeRp4jWgtNIKn3n2AlBOfwwafl+42/g==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.23.6.tgz",
+      "integrity": "sha512-FxpRyGjrMJXh7X3wGLGhNDCRiwpWEF74sKjTLDJSG5Kyvow3QZaG0Adbqzi9ZrVjTWpsX+2cxWXD71NMg93kdw==",
       "devOptional": true,
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/generator": "^7.23.6",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-module-transforms": "^7.23.3",
-        "@babel/helpers": "^7.23.5",
-        "@babel/parser": "^7.23.5",
+        "@babel/helpers": "^7.23.6",
+        "@babel/parser": "^7.23.6",
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5",
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -175,12 +173,12 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.5.tgz",
-      "integrity": "sha512-BPssCHrBD+0YrxviOa3QzpqwhNIXKEtOa2jQrm4FlmkC2apYgRnQcmPWiGZDlGxiNtltnUFolMe8497Esry+jA==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
+      "integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
       "devOptional": true,
       "dependencies": {
-        "@babel/types": "^7.23.5",
+        "@babel/types": "^7.23.6",
         "@jridgewell/gen-mapping": "^0.3.2",
         "@jridgewell/trace-mapping": "^0.3.17",
         "jsesc": "^2.5.1"
@@ -214,14 +212,14 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.22.15",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz",
-      "integrity": "sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz",
+      "integrity": "sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ==",
       "devOptional": true,
       "dependencies": {
-        "@babel/compat-data": "^7.22.9",
-        "@babel/helper-validator-option": "^7.22.15",
-        "browserslist": "^4.21.9",
+        "@babel/compat-data": "^7.23.5",
+        "@babel/helper-validator-option": "^7.23.5",
+        "browserslist": "^4.22.2",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -230,9 +228,9 @@
       }
     },
     "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.23.5.tgz",
-      "integrity": "sha512-QELlRWxSpgdwdJzSJn4WAhKC+hvw/AtHbbrIoncKHkhKKR/luAlKkgBDcri1EzWAo8f8VvYVryEHN4tax/V67A==",
+      "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==",
       "dev": true,
       "dependencies": {
         "@babel/helper-annotate-as-pure": "^7.22.5",
@@ -270,9 +268,9 @@
       }
     },
     "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.4.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz",
-      "integrity": "sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==",
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.4.tgz",
+      "integrity": "sha512-QcJMILQCu2jm5TFPGA3lCpJJTeEP+mqeXooG/NZbg/h5FTFi6V0+99ahlRsW8/kRLyb24LZVCCiclDedhLKcBA==",
       "dev": true,
       "dependencies": {
         "@babel/helper-compilation-targets": "^7.22.6",
@@ -495,14 +493,14 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.5.tgz",
-      "integrity": "sha512-oO7us8FzTEsG3U6ag9MfdF1iA/7Z6dz+MtFhifZk8C8o453rGJFFWUP1t+ULM9TUIAzC9uxXEiXjOiVMyd7QPg==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.23.6.tgz",
+      "integrity": "sha512-wCfsbN4nBidDRhpDhvcKlzHWCTlgJYUUdSJfzXb2NuBssDSIjc3xcb+znA7l+zYsFljAcGM0aFkN40cR3lXiGA==",
       "devOptional": true,
       "dependencies": {
         "@babel/template": "^7.22.15",
-        "@babel/traverse": "^7.23.5",
-        "@babel/types": "^7.23.5"
+        "@babel/traverse": "^7.23.6",
+        "@babel/types": "^7.23.6"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -523,9 +521,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.5.tgz",
-      "integrity": "sha512-hOOqoiNXrmGdFbhgCzu6GiURxUgM27Xwd/aPuu8RfHEZPBzL1Z54okAHAQjXfcQNwvrlkAmAp4SlRTZ45vlthQ==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.23.6.tgz",
+      "integrity": "sha512-Z2uID7YJ7oNvAI20O9X0bblw7Qqs8Q2hFy0R9tAfnfLkp5MW0UH9eUvnDSnFwKZ0AvgS1ucqR4KzvVHgnke1VQ==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1075,12 +1073,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.23.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.3.tgz",
-      "integrity": "sha512-X8jSm8X1CMwxmK878qsUGJRmbysKNbdpTv/O1/v0LuY/ZkZrng5WYiekYSdg9m09OTmDDUWeEDsTE+17WYbAZw==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.23.6.tgz",
+      "integrity": "sha512-aYH4ytZ0qSuBbpfhuofbg/e96oQ7U2w1Aw/UQmKT+1l39uEhUPoFS3fHevDc1G0OvewyDudfMKY1OulczHzWIw==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.22.5"
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.22.5"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -1601,13 +1600,13 @@
       }
     },
     "node_modules/@babel/preset-env": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.5.tgz",
-      "integrity": "sha512-0d/uxVD6tFGWXGDSfyMD1p2otoaKmu6+GD+NfAx0tMaH+dxORnp7T9TaVQ6mKyya7iBtCIVxHjWT7MuzzM9z+A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.23.6.tgz",
+      "integrity": "sha512-2XPn/BqKkZCpzYhUUNZ1ssXw7DcXfKQEjv/uXZUXgaebCMYmkEsfZ2yY+vv+xtXv50WmL5SGhyB6/xsWxIvvOQ==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.23.5",
-        "@babel/helper-compilation-targets": "^7.22.15",
+        "@babel/helper-compilation-targets": "^7.23.6",
         "@babel/helper-plugin-utils": "^7.22.5",
         "@babel/helper-validator-option": "^7.23.5",
         "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.23.3",
@@ -1647,7 +1646,7 @@
         "@babel/plugin-transform-dynamic-import": "^7.23.4",
         "@babel/plugin-transform-exponentiation-operator": "^7.23.3",
         "@babel/plugin-transform-export-namespace-from": "^7.23.4",
-        "@babel/plugin-transform-for-of": "^7.23.3",
+        "@babel/plugin-transform-for-of": "^7.23.6",
         "@babel/plugin-transform-function-name": "^7.23.3",
         "@babel/plugin-transform-json-strings": "^7.23.4",
         "@babel/plugin-transform-literals": "^7.23.3",
@@ -1715,9 +1714,9 @@
       "dev": true
     },
     "node_modules/@babel/runtime": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.5.tgz",
-      "integrity": "sha512-NdUTHcPe4C99WxPub+K9l9tK5/lV4UXIoaHSYgzco9BCyjKAAwzdBI+wWtYqHt7LJdbo74ZjRPJgzVweq1sz0w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.6.tgz",
+      "integrity": "sha512-zHd0eUrf5GZoOWVCXp6koAKQTfZV07eit6bGPmJgnZdnSAvvZee6zniW2XMF7Cmc4ISOOnPy3QaSiIJGJkVEDQ==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -1726,9 +1725,9 @@
       }
     },
     "node_modules/@babel/standalone": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.23.5.tgz",
-      "integrity": "sha512-4bqgawmyDPu+9gQhZOKh1ftCUa6BAT0KztElMcWAJgOgQJRNhmGVA0M0McedEqvGi7SbfiBBvlH13Jc47P919A==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.23.6.tgz",
+      "integrity": "sha512-+AzS6BZwZdSosrgS/TiGDYLxtlefARKClWgJ4ql//XfmV9KbPWbkEekvbvDRJ8a6qog8E9j3CziHLz5dbIEMyw==",
       "optional": true,
       "engines": {
         "node": ">=6.9.0"
@@ -1749,20 +1748,20 @@
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.5.tgz",
-      "integrity": "sha512-czx7Xy5a6sapWWRx61m1Ke1Ra4vczu1mCTtJam5zRTBOonfdJ+S/B6HYmGYu3fJtr8GGET3si6IhgWVBhJ/m8w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.23.6.tgz",
+      "integrity": "sha512-czastdK1e8YByZqezMPFiZ8ahwVMh/ESl9vPgvgdB9AmFMGP5jfpFax74AQgl5zj4XHzqeYAg2l8PuUeRS1MgQ==",
       "devOptional": true,
       "dependencies": {
         "@babel/code-frame": "^7.23.5",
-        "@babel/generator": "^7.23.5",
+        "@babel/generator": "^7.23.6",
         "@babel/helper-environment-visitor": "^7.22.20",
         "@babel/helper-function-name": "^7.23.0",
         "@babel/helper-hoist-variables": "^7.22.5",
         "@babel/helper-split-export-declaration": "^7.22.6",
-        "@babel/parser": "^7.23.5",
-        "@babel/types": "^7.23.5",
-        "debug": "^4.1.0",
+        "@babel/parser": "^7.23.6",
+        "@babel/types": "^7.23.6",
+        "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
       "engines": {
@@ -1770,9 +1769,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.23.5",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.5.tgz",
-      "integrity": "sha512-ON5kSOJwVO6xXVRTvOI0eOnWe7VdUcIpsovGo9U/Br4Ie4UVFQTboO2cYnDhAGU6Fp+UxSiT+pMft0SMHfuq6w==",
+      "version": "7.23.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.23.6.tgz",
+      "integrity": "sha512-+uarb83brBzPKN38NX1MkB6vb6+mwvR6amUulqAE7ccQw1pEl+bCia9TbdG1lsnFP7lZySvUn37CHyXQdfTwzg==",
       "devOptional": true,
       "dependencies": {
         "@babel/helper-string-parser": "^7.23.4",
@@ -2156,9 +2155,9 @@
       }
     },
     "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -2210,6 +2209,102 @@
       "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
       "dev": true
     },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
     "node_modules/@janniks/vue3-katex": {
       "version": "0.6.0-rc.5.1",
       "resolved": "https://registry.npmjs.org/@janniks/vue3-katex/-/vue3-katex-0.6.0-rc.5.1.tgz",
@@ -2440,6 +2535,16 @@
       "integrity": "sha512-5gc02Pu1HycOVUWJ8aYsWeeXcSTPe8iX8+KIrhyEtEoOSkY0eMBuo0ssljB8wALuEmepv31DlYe5gpiRwkjESA==",
       "optional": true
     },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
     "node_modules/@rollup/pluginutils": {
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.0.tgz",
@@ -2463,14 +2568,14 @@
       }
     },
     "node_modules/@sentry-internal/tracing": {
-      "version": "7.85.0",
-      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.85.0.tgz",
-      "integrity": "sha512-p3YMUwkPCy2su9cm/3+7QYR4RiMI0+07DU1BZtht9NLTzY2O87/yvUbn1v2yHR3vJQTy/+7N0ud9/mPBFznRQQ==",
+      "version": "7.91.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.91.0.tgz",
+      "integrity": "sha512-JH5y6gs6BS0its7WF2DhySu7nkhPDfZcdpAXldxzIlJpqFkuwQKLU5nkYJpiIyZz1NHYYtW5aum2bV2oCOdDRA==",
       "dev": true,
       "dependencies": {
-        "@sentry/core": "7.85.0",
-        "@sentry/types": "7.85.0",
-        "@sentry/utils": "7.85.0"
+        "@sentry/core": "7.91.0",
+        "@sentry/types": "7.91.0",
+        "@sentry/utils": "7.91.0"
       },
       "engines": {
         "node": ">=8"
@@ -2545,9 +2650,9 @@
       }
     },
     "node_modules/@sentry/cli": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli/-/cli-2.22.3.tgz",
-      "integrity": "sha512-VFHdtrHsMyTRSZhDLeMyXvit7xB4e81KugIEwMve95c7h5HO672bfmCcM/403CAugj4NzvQ+IR2NKF/2SsEPlg==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli/-/cli-2.23.1.tgz",
+      "integrity": "sha512-3Tg3qzrdNWQAkuRyXniVhT+aNAwucshw0UKr/J2hxQgA72vxzcZlK4G0+Im9gIFwmzuBaD8jSGVpkzATuCeoNA==",
       "dev": true,
       "dependencies": {
         "https-proxy-agent": "^5.0.0",
@@ -2563,19 +2668,19 @@
         "node": ">= 10"
       },
       "optionalDependencies": {
-        "@sentry/cli-darwin": "2.22.3",
-        "@sentry/cli-linux-arm": "2.22.3",
-        "@sentry/cli-linux-arm64": "2.22.3",
-        "@sentry/cli-linux-i686": "2.22.3",
-        "@sentry/cli-linux-x64": "2.22.3",
-        "@sentry/cli-win32-i686": "2.22.3",
-        "@sentry/cli-win32-x64": "2.22.3"
+        "@sentry/cli-darwin": "2.23.1",
+        "@sentry/cli-linux-arm": "2.23.1",
+        "@sentry/cli-linux-arm64": "2.23.1",
+        "@sentry/cli-linux-i686": "2.23.1",
+        "@sentry/cli-linux-x64": "2.23.1",
+        "@sentry/cli-win32-i686": "2.23.1",
+        "@sentry/cli-win32-x64": "2.23.1"
       }
     },
     "node_modules/@sentry/cli-darwin": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-darwin/-/cli-darwin-2.22.3.tgz",
-      "integrity": "sha512-A1DwFTffg3+fF68qujaJI07dk/1H1pRuihlvS5WQ9sD7nQLnXZGoLUht4eULixhDzZYinWHKkcWzQ6k40UTvNA==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-darwin/-/cli-darwin-2.23.1.tgz",
+      "integrity": "sha512-jSHORd9p/69BmKZRfJXFw4WFYODlw3mH1vBCi8LTWDimR9L3tthlCqYM1v5A26mUACqyNPI3s/6xvw5GOAsIhw==",
       "dev": true,
       "optional": true,
       "os": [
@@ -2586,9 +2691,9 @@
       }
     },
     "node_modules/@sentry/cli-linux-arm": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm/-/cli-linux-arm-2.22.3.tgz",
-      "integrity": "sha512-mDtLVbqbCu/5b/v2quTAMzY/atGlJVvrqO2Wvpro0Jb/LYhn7Y1pVBdoXEDcnOX82/pseFkLT8PFfq/OcezPhA==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm/-/cli-linux-arm-2.23.1.tgz",
+      "integrity": "sha512-ur7DFWwHXrLRJLa0+vL22Wkr8FC1NIQwo0mfKI+51Y9ijKsfo8R7pO5MPRCYQz0DKR12VPXkq05KPsCNq5AtZQ==",
       "cpu": [
         "arm"
       ],
@@ -2603,9 +2708,9 @@
       }
     },
     "node_modules/@sentry/cli-linux-arm64": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.22.3.tgz",
-      "integrity": "sha512-PnBPb4LJ+A2LlqLjtVFn4mEizcVdxBSLZvB85pEGzq9DRXjZ6ZEuGWFHTVnWvjd79TB/s0me29QnLc3n4B6lgA==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-arm64/-/cli-linux-arm64-2.23.1.tgz",
+      "integrity": "sha512-f6e1x5zudglp8XdgN07hRhX8HVIeiY/dLAcvaV7qPNtZLd9pjsPgS2nyJlPPEC2WgG1FC439t3JmxIhRTjRA9g==",
       "cpu": [
         "arm64"
       ],
@@ -2620,9 +2725,9 @@
       }
     },
     "node_modules/@sentry/cli-linux-i686": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-i686/-/cli-linux-i686-2.22.3.tgz",
-      "integrity": "sha512-wxvbpQ2hiw4hwJWfJMp7K45BV40nXL62f91jLuftFXIbieKX1Li57NNKNu2JUVn7W1bJxkwz/PKGGTXSgeJlRw==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-i686/-/cli-linux-i686-2.23.1.tgz",
+      "integrity": "sha512-nm3iDgBwkwAZGkz2Oq44pdh0xdECOq/EumF8mAPA6YS2MKUWGsFQEb5/f6HLnqBULrd88RK1wrEW0eBIuIJs9Q==",
       "cpu": [
         "x86",
         "ia32"
@@ -2638,9 +2743,9 @@
       }
     },
     "node_modules/@sentry/cli-linux-x64": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-x64/-/cli-linux-x64-2.22.3.tgz",
-      "integrity": "sha512-0GxsYNO5GyRWifeOpng+MmdUFZRA64bgA1n1prsEsXnoeLcm3Zj4Q63hBZmiwz9Qbhf5ibohkpf94a7dI7pv3A==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-linux-x64/-/cli-linux-x64-2.23.1.tgz",
+      "integrity": "sha512-W8QWaxbkIOW2wpAQ1zUzA7+3bOX8lUu5bPxAfstGLobUtxZcTgydJ+58KCeyE6je/jhgzxu+fieat1bzTUrfdg==",
       "cpu": [
         "x64"
       ],
@@ -2655,9 +2760,9 @@
       }
     },
     "node_modules/@sentry/cli-win32-i686": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-win32-i686/-/cli-win32-i686-2.22.3.tgz",
-      "integrity": "sha512-YERPsd7ClBrxKcmCUw+ZrAvQfbyIZFrqh269hgDuXFodpsB7LPGnI33ilo0uzmKdq2vGppTb6Z3gf1Rbq0Hadg==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-win32-i686/-/cli-win32-i686-2.23.1.tgz",
+      "integrity": "sha512-h8u2OUH9SvWJpRc3f0halzXut7+/BpbLc5eiViPqrcSosmngDSuy0TOGNqwsDW4hpkqm7RcTXWIUhLJcKtFFdA==",
       "cpu": [
         "x86",
         "ia32"
@@ -2672,9 +2777,9 @@
       }
     },
     "node_modules/@sentry/cli-win32-x64": {
-      "version": "2.22.3",
-      "resolved": "https://registry.npmjs.org/@sentry/cli-win32-x64/-/cli-win32-x64-2.22.3.tgz",
-      "integrity": "sha512-NUh56xWvgJo2KuC9lI6o6nTPXdzbpQUB4qGwJ73L9NP3HT2P1I27jtHyrC2zlXTVlYE23gQZGrL3wgW4Jy80QA==",
+      "version": "2.23.1",
+      "resolved": "https://registry.npmjs.org/@sentry/cli-win32-x64/-/cli-win32-x64-2.23.1.tgz",
+      "integrity": "sha512-DG+oyQ1bsG5A7yd3c+gt2aD6V3IsR+mutV6h1QYQ9Y8PoloGhOWmt/fnZ5CT20/HyzejykMfASnscsJGHmXp4w==",
       "cpu": [
         "x64"
       ],
@@ -2688,12 +2793,12 @@
       }
     },
     "node_modules/@sentry/core": {
-      "version": "7.85.0",
-      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.85.0.tgz",
-      "integrity": "sha512-DFDAc4tWmHN5IWhr7XbHCiyF1Xgb95jz8Uj/JTX9atlgodId1UIbER77qpEmH3eQGid/QBdqrlR98zCixgSbwg==",
+      "version": "7.91.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.91.0.tgz",
+      "integrity": "sha512-tu+gYq4JrTdrR+YSh5IVHF0fJi/Pi9y0HZ5H9HnYy+UMcXIotxf6hIEaC6ZKGeLWkGXffz2gKpQLe/g6vy/lPA==",
       "dependencies": {
-        "@sentry/types": "7.85.0",
-        "@sentry/utils": "7.85.0"
+        "@sentry/types": "7.91.0",
+        "@sentry/utils": "7.91.0"
       },
       "engines": {
         "node": ">=8"
@@ -2733,13 +2838,13 @@
       }
     },
     "node_modules/@sentry/integrations": {
-      "version": "7.85.0",
-      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.85.0.tgz",
-      "integrity": "sha512-c/uEhrFbAefK00cnm/SjqZ31rWVsruiQWAvV4dxU/rSQ2dBWDuJz1woXX7Wd03yCSMq14tXtiDy9aTC4xCZ71w==",
+      "version": "7.91.0",
+      "resolved": "https://registry.npmjs.org/@sentry/integrations/-/integrations-7.91.0.tgz",
+      "integrity": "sha512-LGRfb+WfG3FaWHtDnJIhtupweat0imCQr2z/5SSbQKzqxHhtlaEU+9IExBmBdzq90n4lRBaVQHA3zGuU02uOhg==",
       "dependencies": {
-        "@sentry/core": "7.85.0",
-        "@sentry/types": "7.85.0",
-        "@sentry/utils": "7.85.0",
+        "@sentry/core": "7.91.0",
+        "@sentry/types": "7.91.0",
+        "@sentry/utils": "7.91.0",
         "localforage": "^1.8.1"
       },
       "engines": {
@@ -2768,15 +2873,15 @@
       }
     },
     "node_modules/@sentry/node": {
-      "version": "7.85.0",
-      "resolved": "https://registry.npmjs.org/@sentry/node/-/node-7.85.0.tgz",
-      "integrity": "sha512-uiBtRW9G017NHoCXBlK3ttkTwHXLFyI8ndHpaObtyajKTv3ptGIThVEn7DuK7Pwor//RjwjSEEOa7WDK+FdMVQ==",
+      "version": "7.91.0",
+      "resolved": "https://registry.npmjs.org/@sentry/node/-/node-7.91.0.tgz",
+      "integrity": "sha512-hTIfSQxD7L+AKIqyjoq8CWBRkEQrrMZmA3GSZgPI5JFWBHgO0HBo5TH/8TU81oEJh6kqqHAl2ObMhmcnaFqlzg==",
       "dev": true,
       "dependencies": {
-        "@sentry-internal/tracing": "7.85.0",
-        "@sentry/core": "7.85.0",
-        "@sentry/types": "7.85.0",
-        "@sentry/utils": "7.85.0",
+        "@sentry-internal/tracing": "7.91.0",
+        "@sentry/core": "7.91.0",
+        "@sentry/types": "7.91.0",
+        "@sentry/utils": "7.91.0",
         "https-proxy-agent": "^5.0.0"
       },
       "engines": {
@@ -2819,19 +2924,19 @@
       }
     },
     "node_modules/@sentry/types": {
-      "version": "7.85.0",
-      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.85.0.tgz",
-      "integrity": "sha512-R5jR4XkK5tBU2jDiPdSVqzkmjYRr666bcGaFGUHB/xDQCjPsjk+pEmCCL+vpuWoaZmQJUE1hVU7rgnVX81w8zg==",
+      "version": "7.91.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.91.0.tgz",
+      "integrity": "sha512-bcQnb7J3P3equbCUc+sPuHog2Y47yGD2sCkzmnZBjvBT0Z1B4f36fI/5WjyZhTjLSiOdg3F2otwvikbMjmBDew==",
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/@sentry/utils": {
-      "version": "7.85.0",
-      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.85.0.tgz",
-      "integrity": "sha512-JZ7seNOLvhjAQ8GeB3GYknPQJkuhF88xAYOaESZP3xPOWBMFUN+IO4RqjMqMLFDniOwsVQS7GB/MfP+hxufieg==",
+      "version": "7.91.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.91.0.tgz",
+      "integrity": "sha512-fvxjrEbk6T6Otu++Ax9ntlQ0sGRiwSC179w68aC3u26Wr30FAIRKqHTCCdc2jyWk7Gd9uWRT/cq+g8NG/8BfSg==",
       "dependencies": {
-        "@sentry/types": "7.85.0"
+        "@sentry/types": "7.91.0"
       },
       "engines": {
         "node": ">=8"
@@ -2944,9 +3049,9 @@
       }
     },
     "node_modules/@types/eslint": {
-      "version": "8.44.8",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.8.tgz",
-      "integrity": "sha512-4K8GavROwhrYl2QXDXm0Rv9epkA8GBFu0EI+XrrnnuCl7u8CWBRusX7fXJfanhZTDWSAL24gDI/UqXyUM0Injw==",
+      "version": "8.56.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.0.tgz",
+      "integrity": "sha512-FlsN0p4FhuYRjIxpbdXovvHQhtlG05O1GG/RNWvdAxTboR438IOTwmrY/vLA+Xfgg06BTkP045M3vpFwTMv1dg==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -3030,9 +3135,9 @@
       "dev": true
     },
     "node_modules/@types/node": {
-      "version": "20.10.3",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.3.tgz",
-      "integrity": "sha512-XJavIpZqiXID5Yxnxv3RUDKTN5b81ddNC3ecsA0SoFXz/QU8OGBwZGMomiq0zw+uuqbL/krztv/DINAQ/EV4gg==",
+      "version": "20.10.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.10.5.tgz",
+      "integrity": "sha512-nNPsNE65wjMxEKI93yOP+NPGGBJz/PoN3kZsVLee0XMiJolxSekEVD8wRwBUBqkwc7UWop0edW50yrCQW4CyRw==",
       "dev": true,
       "dependencies": {
         "undici-types": "~5.26.4"
@@ -3115,9 +3220,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.5.1.tgz",
-      "integrity": "sha512-DaUzYFr+2UGDG7VSSdShKa9sIWYBa1LL8KC0MNOf2H5LjcTPjob0x8LbkqXWmAtbANJCkpiQTj66UVcQkN2s3g==",
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.5.2.tgz",
+      "integrity": "sha512-UGR3DlzLi/SaVBPX0cnSyE37vqxU3O6chn8l0HJNzQzDia6/Au2A4xKv+iIJW8w2daf80G7TYHhi1pAUjdZ0bQ==",
       "dev": true,
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -3128,49 +3233,49 @@
       }
     },
     "node_modules/@vue/compat": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/compat/-/compat-3.3.10.tgz",
-      "integrity": "sha512-T4hjqKtWFE7PagwpJGwW5DcnoFr6jYqMLx1l4X7qnKP8GdkCY3YBzz2u+8D4/Z8eaiXYq0dKE8kocQ9ZdT5pRg==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/compat/-/compat-3.3.13.tgz",
+      "integrity": "sha512-JJ878anmzuqpBQtgxVhgmTGINWfHdRxslqDWhCp1Ogs7jcbS+nFNFjZkuFJYCvqpLE8nU9YbffCNsUcBDoiyYg==",
       "dependencies": {
         "@babel/parser": "^7.23.5",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.0.2"
       },
       "peerDependencies": {
-        "vue": "3.3.10"
+        "vue": "3.3.13"
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.10.tgz",
-      "integrity": "sha512-doe0hODR1+i1menPkRzJ5MNR6G+9uiZHIknK3Zn5OcIztu6GGw7u0XUzf3AgB8h/dfsZC9eouzoLo3c3+N/cVA==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.13.tgz",
+      "integrity": "sha512-bwi9HShGu7uaZLOErZgsH2+ojsEdsjerbf2cMXPwmvcgZfVPZ2BVZzCVnwZBxTAYd6Mzbmf6izcUNDkWnBBQ6A==",
       "dependencies": {
         "@babel/parser": "^7.23.5",
-        "@vue/shared": "3.3.10",
+        "@vue/shared": "3.3.13",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.0.2"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.10.tgz",
-      "integrity": "sha512-NCrqF5fm10GXZIK0GrEAauBqdy+F2LZRt3yNHzrYjpYBuRssQbuPLtSnSNjyR9luHKkWSH8we5LMB3g+4z2HvA==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.3.13.tgz",
+      "integrity": "sha512-EYRDpbLadGtNL0Gph+HoKiYqXLqZ0xSSpR5Dvnu/Ep7ggaCbjRDIus1MMxTS2Qm0koXED4xSlvTZaTnI8cYAsw==",
       "dependencies": {
-        "@vue/compiler-core": "3.3.10",
-        "@vue/shared": "3.3.10"
+        "@vue/compiler-core": "3.3.13",
+        "@vue/shared": "3.3.13"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.10.tgz",
-      "integrity": "sha512-xpcTe7Rw7QefOTRFFTlcfzozccvjM40dT45JtrE3onGm/jBLZ0JhpKu3jkV7rbDFLeeagR/5RlJ2Y9SvyS0lAg==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.3.13.tgz",
+      "integrity": "sha512-DQVmHEy/EKIgggvnGRLx21hSqnr1smUS9Aq8tfxiiot8UR0/pXKHN9k78/qQ7etyQTFj5em5nruODON7dBeumw==",
       "dependencies": {
         "@babel/parser": "^7.23.5",
-        "@vue/compiler-core": "3.3.10",
-        "@vue/compiler-dom": "3.3.10",
-        "@vue/compiler-ssr": "3.3.10",
-        "@vue/reactivity-transform": "3.3.10",
-        "@vue/shared": "3.3.10",
+        "@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",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.5",
         "postcss": "^8.4.32",
@@ -3189,12 +3294,12 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.10.tgz",
-      "integrity": "sha512-12iM4jA4GEbskwXMmPcskK5wImc2ohKm408+o9iox3tfN9qua8xL0THIZtoe9OJHnXP4eOWZpgCAAThEveNlqQ==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.3.13.tgz",
+      "integrity": "sha512-d/P3bCeUGmkJNS1QUZSAvoCIW4fkOKK3l2deE7zrp0ypJEy+En2AcypIkqvcFQOcw3F0zt2VfMvNsA9JmExTaw==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.10",
-        "@vue/shared": "3.3.10"
+        "@vue/compiler-dom": "3.3.13",
+        "@vue/shared": "3.3.13"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -3203,21 +3308,21 @@
       "integrity": "sha512-+KpckaAQyfbvshdDW5xQylLni1asvNSGme1JFs8I1+/H5pHEhqUKMEQD/qn3Nx5+/nycBq11qAEi8lk+LXI2dA=="
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.10.tgz",
-      "integrity": "sha512-H5Z7rOY/JLO+e5a6/FEXaQ1TMuOvY4LDVgT+/+HKubEAgs9qeeZ+NhADSeEtrNQeiKLDuzeKc8v0CUFpB6Pqgw==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.13.tgz",
+      "integrity": "sha512-fjzCxceMahHhi4AxUBzQqqVhuA21RJ0COaWTbIBl1PruGW1CeY97louZzLi4smpYx+CHfFPPU/CS8NybbGvPKQ==",
       "dependencies": {
-        "@vue/shared": "3.3.10"
+        "@vue/shared": "3.3.13"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.3.10.tgz",
-      "integrity": "sha512-0xBdk+CKHWT+Gev8oZ63Tc0qFfj935YZx+UAynlutnrDZ4diFCVFMWixn65HzjE3S1iJppWOo6Tt1OzASH7VEg==",
+      "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.10",
-        "@vue/shared": "3.3.10",
+        "@vue/compiler-core": "3.3.13",
+        "@vue/shared": "3.3.13",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.5"
       }
@@ -3234,40 +3339,40 @@
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.10.tgz",
-      "integrity": "sha512-DZ0v31oTN4YHX9JEU5VW1LoIVgFovWgIVb30bWn9DG9a7oA415idcwsRNNajqTx8HQJyOaWfRKoyuP2P2TYIag==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.3.13.tgz",
+      "integrity": "sha512-1TzA5TvGuh2zUwMJgdfvrBABWZ7y8kBwBhm7BXk8rvdx2SsgcGfz2ruv2GzuGZNvL1aKnK8CQMV/jFOrxNQUMA==",
       "dependencies": {
-        "@vue/reactivity": "3.3.10",
-        "@vue/shared": "3.3.10"
+        "@vue/reactivity": "3.3.13",
+        "@vue/shared": "3.3.13"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.10.tgz",
-      "integrity": "sha512-c/jKb3ny05KJcYk0j1m7Wbhrxq7mZYr06GhKykDMNRRR9S+/dGT8KpHuNQjv3/8U4JshfkAk6TpecPD3B21Ijw==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.3.13.tgz",
+      "integrity": "sha512-JJkpE8R/hJKXqVTgUoODwS5wqKtOsmJPEqmp90PDVGygtJ4C0PtOkcEYXwhiVEmef6xeXcIlrT3Yo5aQ4qkHhQ==",
       "dependencies": {
-        "@vue/runtime-core": "3.3.10",
-        "@vue/shared": "3.3.10",
-        "csstype": "^3.1.2"
+        "@vue/runtime-core": "3.3.13",
+        "@vue/shared": "3.3.13",
+        "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.3.10.tgz",
-      "integrity": "sha512-0i6ww3sBV3SKlF3YTjSVqKQ74xialMbjVYGy7cOTi7Imd8ediE7t72SK3qnvhrTAhOvlQhq6Bk6nFPdXxe0sAg==",
+      "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==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.3.10",
-        "@vue/shared": "3.3.10"
+        "@vue/compiler-ssr": "3.3.13",
+        "@vue/shared": "3.3.13"
       },
       "peerDependencies": {
-        "vue": "3.3.10"
+        "vue": "3.3.13"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.10.tgz",
-      "integrity": "sha512-2y3Y2J1a3RhFa0WisHvACJR2ncvWiVHcP8t0Inxo+NKz+8RKO4ZV8eZgCxRgQoA6ITfV12L4E6POOL9HOU5nqw=="
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.3.13.tgz",
+      "integrity": "sha512-/zYUwiHD8j7gKx2argXEMCUXVST6q/21DFU0sTfNX0URJroCe3b1UF6vLJ3lQDfLNIiiRl2ONp7Nh5UVWS6QnA=="
     },
     "node_modules/@vueuse/components": {
       "version": "10.7.0",
@@ -4072,13 +4177,13 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz",
-      "integrity": "sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==",
+      "version": "0.4.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.7.tgz",
+      "integrity": "sha512-LidDk/tEGDfuHW2DWh/Hgo4rmnw3cduK6ZkOI1NPFceSK3n/yAGeOsNT7FLnSGHkXj3RHGSEVkN3FsCTY6w2CQ==",
       "dev": true,
       "dependencies": {
         "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "semver": "^6.3.1"
       },
       "peerDependencies": {
@@ -4086,12 +4191,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.8.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz",
-      "integrity": "sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==",
+      "version": "0.8.7",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.7.tgz",
+      "integrity": "sha512-KyDvZYxAzkC0Aj2dAPyDzi2Ym15e5JKZSK+maI7NAwSqofvuFglbSsxE7wUOvTg9oFVnHMzVzBKcqEb4PJgtOA==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3",
+        "@babel/helper-define-polyfill-provider": "^0.4.4",
         "core-js-compat": "^3.33.1"
       },
       "peerDependencies": {
@@ -4099,12 +4204,12 @@
       }
     },
     "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz",
-      "integrity": "sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==",
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.4.tgz",
+      "integrity": "sha512-S/x2iOCvDaCASLYsOOgWOq4bCfKYVqvO/uxjkaYyZ3rVsVE3CeAI/c84NpyuBBymEgNvHgjEot3a9/Z/kXvqsg==",
       "dev": true,
       "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.4.3"
+        "@babel/helper-define-polyfill-provider": "^0.4.4"
       },
       "peerDependencies": {
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
@@ -4789,9 +4894,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001566",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001566.tgz",
-      "integrity": "sha512-ggIhCsTxmITBAMmK8yZjEhCO5/47jKXPu6Dha/wuCS4JePVL+3uiDEBuhu2aIoT+bqTOR8L76Ip1ARL9xYsEJA==",
+      "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==",
       "devOptional": true,
       "funding": [
         {
@@ -5121,12 +5226,12 @@
       "hasInstallScript": true
     },
     "node_modules/core-js-compat": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.33.3.tgz",
-      "integrity": "sha512-cNzGqFsh3Ot+529GIXacjTJ7kegdt5fPXxCBVS1G0iaZpuo/tBz399ymceLJveQhFFZ8qThHiP3fzuoQjKN2ow==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.34.0.tgz",
+      "integrity": "sha512-4ZIyeNbW/Cn1wkMMDy+mvrRUxrwFNjKwbhCfQpDd+eLgYipDqp8oGFGtLmhh18EDPKA0g3VUBYOxQGGwvWLVpA==",
       "dev": true,
       "dependencies": {
-        "browserslist": "^4.22.1"
+        "browserslist": "^4.22.2"
       },
       "funding": {
         "type": "opencollective",
@@ -5139,11 +5244,6 @@
       "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
       "dev": true
     },
-    "node_modules/crisp-sdk-web": {
-      "version": "1.0.21",
-      "resolved": "https://registry.npmjs.org/crisp-sdk-web/-/crisp-sdk-web-1.0.21.tgz",
-      "integrity": "sha512-jNF/zSSA0lsAWT3q4JLG6YxtMRvgai++PwesxEL2Zm6utZaN+AoWPAH01QTfjJC/c++nFT7YM56ucdi+Y5yP4A=="
-    },
     "node_modules/cross-env": {
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-7.0.3.tgz",
@@ -5281,9 +5381,9 @@
       "dev": true
     },
     "node_modules/csstype": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
-      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/currently-unhandled": {
       "version": "0.4.1",
@@ -5786,10 +5886,16 @@
       "integrity": "sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA==",
       "dev": true
     },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.603",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.603.tgz",
-      "integrity": "sha512-Dvo5OGjnl7AZTU632dFJtWj0uJK835eeOVQIuRcmBmsFsTNn3cL05FqOyHAfGQDIoHfLhyJ1Tya3PJ0ceMz54g==",
+      "version": "1.4.616",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.616.tgz",
+      "integrity": "sha512-1n7zWYh8eS0L9Uy+GskE0lkBUNK83cXTVJI0pU3mGprFsbfSdAc15VTFbo+A+Bq4pwstmL30AVcEU3Fo463lNg==",
       "devOptional": true
     },
     "node_modules/emoji-regex": {
@@ -6214,9 +6320,9 @@
       }
     },
     "node_modules/eslint-plugin-import": {
-      "version": "2.29.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz",
-      "integrity": "sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==",
+      "version": "2.29.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.29.1.tgz",
+      "integrity": "sha512-BbPC0cuExzhiMo4Ff1BTVwHpjjv28C5R+btTOGaCRC7UEz801up0JadwkeSk5Ued6TG34uaczuVuH6qyy5YUxw==",
       "dev": true,
       "dependencies": {
         "array-includes": "^3.1.7",
@@ -6235,7 +6341,7 @@
         "object.groupby": "^1.0.1",
         "object.values": "^1.1.7",
         "semver": "^6.3.1",
-        "tsconfig-paths": "^3.14.2"
+        "tsconfig-paths": "^3.15.0"
       },
       "engines": {
         "node": ">=4"
@@ -6452,9 +6558,9 @@
       }
     },
     "node_modules/eslint/node_modules/globals": {
-      "version": "13.23.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
-      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
       "dependencies": {
         "type-fest": "^0.20.2"
@@ -7052,9 +7158,9 @@
       }
     },
     "node_modules/fastq": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
-      "integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.16.0.tgz",
+      "integrity": "sha512-ifCoaXsDrsdkWTtiNJX5uzHDsrck5TzfKKDcuFFTIrrc/BS076qgEIfoIy1VeZqViznfKiysPYTh/QeHtnIsYA==",
       "devOptional": true,
       "dependencies": {
         "reusify": "^1.0.4"
@@ -7232,6 +7338,34 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/foreground-child": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
+      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/foreground-child/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
@@ -9214,6 +9348,24 @@
         "node": ">= 4"
       }
     },
+    "node_modules/jackspeak": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
+      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
     "node_modules/jest-worker": {
       "version": "27.5.1",
       "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
@@ -9439,9 +9591,9 @@
       }
     },
     "node_modules/libphonenumber-js": {
-      "version": "1.10.51",
-      "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.51.tgz",
-      "integrity": "sha512-vY2I+rQwrDQzoPds0JeTEpeWzbUJgqoV0O4v31PauHBb/e+1KCXKylHcDnBMgJZ9fH9mErsEbROJY3Z3JtqEmg=="
+      "version": "1.10.52",
+      "resolved": "https://registry.npmjs.org/libphonenumber-js/-/libphonenumber-js-1.10.52.tgz",
+      "integrity": "sha512-6vCuCHgem+OW1/VCAKgkasfegItCea8zIT7s9/CG/QxdCMIM7GfzbEBG5d7lGO3rzipjt5woOQL3DiHa8Fy78Q=="
     },
     "node_modules/lie": {
       "version": "3.1.1",
@@ -10047,9 +10199,9 @@
       }
     },
     "node_modules/node-fetch-native": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.4.1.tgz",
-      "integrity": "sha512-NsXBU0UgBxo2rQLOeWNZqS3fvflWePMECr8CoSWoSTqCqGbVVsvl9vZu1HfQicYN0g5piV9Gh8RTEvo/uP752w==",
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.5.1.tgz",
+      "integrity": "sha512-KNVu95aIrNzw7v1aKyVv/nC2kHUqNzgBnFuMTemhHnk7djEMtLjaJSDCB8h2VVgKL5s+NAcvBlZ2OIHLP0RC/Q==",
       "optional": true
     },
     "node_modules/node-releases": {
@@ -11478,9 +11630,9 @@
       }
     },
     "node_modules/regenerator-runtime": {
-      "version": "0.14.0",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
-      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/regenerator-transform": {
       "version": "0.15.2",
@@ -11939,9 +12091,9 @@
       }
     },
     "node_modules/sass-loader": {
-      "version": "10.4.1",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.4.1.tgz",
-      "integrity": "sha512-aX/iJZTTpNUNx/OSYzo2KsjIUQHqvWsAhhUijFjAPdZTEhstjZI9zTNvkTTwsx+uNUJqUwOw5gacxQMx4hJxGQ==",
+      "version": "10.5.1",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-10.5.1.tgz",
+      "integrity": "sha512-P8BGIW6OxYLJWaWG8DROibc98Uw/B90oHPYOjPQ5/tF572OTTwkhxSxpaQzD5lYam36zQd0cxjh24b4rcdNIZQ==",
       "dev": true,
       "dependencies": {
         "klona": "^2.0.4",
@@ -11959,7 +12111,7 @@
       },
       "peerDependencies": {
         "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
         "sass": "^1.3.0",
         "webpack": "^4.36.0 || ^5.0.0"
       },
@@ -12695,9 +12847,9 @@
       }
     },
     "node_modules/std-env": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.6.0.tgz",
-      "integrity": "sha512-aFZ19IgVmhdB2uX599ve2kE6BIE3YMnQ6Gp6BURhW/oIzpXGKr878TQfAQZn1+i0Flcc/UKUy1gOlcfaUBCryg==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.7.0.tgz",
+      "integrity": "sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==",
       "optional": true
     },
     "node_modules/strict-uri-encode": {
@@ -12737,6 +12889,21 @@
         "node": ">=8"
       }
     },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/string.prototype.trim": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz",
@@ -12793,6 +12960,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-bom": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
@@ -12907,14 +13087,14 @@
       "integrity": "sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ=="
     },
     "node_modules/sucrase": {
-      "version": "3.34.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
-      "integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
+      "version": "3.35.0",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
       "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
-        "glob": "7.1.6",
+        "glob": "^10.3.10",
         "lines-and-columns": "^1.1.6",
         "mz": "^2.7.0",
         "pirates": "^4.0.1",
@@ -12925,7 +13105,16 @@
         "sucrase-node": "bin/sucrase-node"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/sucrase/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/sucrase/node_modules/commander": {
@@ -12938,25 +13127,51 @@
       }
     },
     "node_modules/sucrase/node_modules/glob": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
-      "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
+      "version": "10.3.10",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
+      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
       "dev": true,
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^2.3.5",
+        "minimatch": "^9.0.1",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
+        "path-scurry": "^1.10.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/sucrase/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/minipass": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
+      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
@@ -12982,9 +13197,9 @@
       }
     },
     "node_modules/svgo": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.5.tgz",
-      "integrity": "sha512-HQKHEo73pMNOlDlBcLgZRcHW2+1wo7bFYayAXkGN0l/2+h68KjlfZyMRhdhaGvoHV2eApOovl12zoFz42sT6rQ==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.1.0.tgz",
+      "integrity": "sha512-R5SnNA89w1dYgNv570591F66v34b3eQShpIBcQtZtM5trJwm1VvxbIoMpRYY3ybTAutcKTLEmTsdnaknOHbiQA==",
       "dev": true,
       "dependencies": {
         "@trysound/sax": "0.2.0",
@@ -13054,9 +13269,9 @@
       "dev": true
     },
     "node_modules/tailwindcss": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.6.tgz",
-      "integrity": "sha512-AKjF7qbbLvLaPieoKeTjG1+FyNZT6KaJMJPFeQyLfIp7l82ggH1fbHJSsYIvnbTFQOlkh+gBYpyby5GT1LIdLw==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.0.tgz",
+      "integrity": "sha512-VigzymniH77knD1dryXbyxR+ePHihHociZbXnLZHUyzf2MMs2ZVqlUrZ3FvpXP8pno9JzmILt1sZPD19M3IxtA==",
       "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
@@ -13197,9 +13412,9 @@
       }
     },
     "node_modules/terser": {
-      "version": "5.25.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.25.0.tgz",
-      "integrity": "sha512-we0I9SIsfvNUMP77zC9HG+MylwYYsGFSBG8qm+13oud2Yh+O104y614FRbyjpxys16jZwot72Fpi827YvGzuqg==",
+      "version": "5.26.0",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.26.0.tgz",
+      "integrity": "sha512-dytTGoE2oHgbNV9nTzgBEPaqAWvcJNl66VZ0BkJqlvp71IjO8CxdBx/ykCNb47cLnCmCvRZ6ZR0tLkqvZCdVBQ==",
       "dev": true,
       "peer": true,
       "dependencies": {
@@ -13420,9 +13635,9 @@
       "dev": true
     },
     "node_modules/tsconfig-paths": {
-      "version": "3.14.2",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.2.tgz",
-      "integrity": "sha512-o/9iXgCYc5L/JxCHPe3Hvh8Q/2xm5Z+p18PESBU6Ff33695QnCHBEjcytY2q19ua7Mbl/DavtBOLq+oG0RCL+g==",
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
       "dev": true,
       "dependencies": {
         "@types/json5": "^0.0.29",
@@ -13726,20 +13941,22 @@
       }
     },
     "node_modules/unimport": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.6.0.tgz",
-      "integrity": "sha512-yXW3Z30yk1vX8fxO8uHlq9wY9K+L56LHp4Hlbv8i7tW+NENSOv8AaFJUPtOQchxlT7/JBAzCtkrBtcVjKIr1VQ==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.7.0.tgz",
+      "integrity": "sha512-vesCVjU3CYk41UZNY10kwii7l77vcP4IxPbBMgpve+vean7g7zJWrcCqSoG7u0eB9LZ5bM5BP+3vr3W2uYk0Yg==",
       "optional": true,
       "dependencies": {
-        "@rollup/pluginutils": "^5.0.5",
+        "@rollup/pluginutils": "^5.1.0",
+        "acorn": "^8.11.2",
         "escape-string-regexp": "^5.0.0",
+        "estree-walker": "^3.0.3",
         "fast-glob": "^3.3.2",
         "local-pkg": "^0.5.0",
         "magic-string": "^0.30.5",
         "mlly": "^1.4.2",
         "pathe": "^1.1.1",
         "pkg-types": "^1.0.3",
-        "scule": "^1.1.0",
+        "scule": "^1.1.1",
         "strip-literal": "^1.3.0",
         "unplugin": "^1.5.1"
       }
@@ -13768,6 +13985,15 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/unimport/node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "optional": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
     "node_modules/unimport/node_modules/magic-string": {
       "version": "0.30.5",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.5.tgz",
@@ -14068,15 +14294,6 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "node_modules/vform": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/vform/-/vform-2.1.2.tgz",
-      "integrity": "sha512-Nobg/0ckWHYQAjJJqucOyRv/a3enO40f087KBpkSUCl0eRQTE8qmUqk/l5gmbxhD8UO3A8dDiSRWKmKF8+l4YQ==",
-      "peerDependencies": {
-        "axios": "*",
-        "vue": "*"
-      }
-    },
     "node_modules/vite": {
       "version": "4.5.1",
       "resolved": "https://registry.npmjs.org/vite/-/vite-4.5.1.tgz",
@@ -14143,15 +14360,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.3.10",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.10.tgz",
-      "integrity": "sha512-zg6SIXZdTBwiqCw/1p+m04VyHjLfwtjwz8N57sPaBhEex31ND0RYECVOC1YrRwMRmxFf5T1dabl6SGUbMKKuVw==",
+      "version": "3.3.13",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.13.tgz",
+      "integrity": "sha512-LDnUpQvDgsfc0u/YgtAgTMXJlJQqjkxW1PVcOnJA5cshPleULDjHi7U45pl2VJYazSSvLH8UKcid/kzH8I0a0Q==",
       "dependencies": {
-        "@vue/compiler-dom": "3.3.10",
-        "@vue/compiler-sfc": "3.3.10",
-        "@vue/runtime-dom": "3.3.10",
-        "@vue/server-renderer": "3.3.10",
-        "@vue/shared": "3.3.10"
+        "@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"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -14163,9 +14380,9 @@
       }
     },
     "node_modules/vue-chartjs": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/vue-chartjs/-/vue-chartjs-5.2.0.tgz",
-      "integrity": "sha512-d3zpKmGZr2OWHQ1xmxBcAn5ShTG917+/UCLaSpaCDDqT0U7DBsvFzTs69ZnHCgKoXT55GZDW8YEj9Av+dlONLA==",
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/vue-chartjs/-/vue-chartjs-5.3.0.tgz",
+      "integrity": "sha512-8XqX0JU8vFZ+WA2/knz4z3ThClduni2Nm0BMe2u0mXgTfd9pXrmJ07QBI+WAij5P/aPmPMX54HCE1seWL37ZdQ==",
       "peerDependencies": {
         "chart.js": "^4.1.1",
         "vue": "^3.0.0-0 || ^2.7.0"
@@ -14412,9 +14629,9 @@
       }
     },
     "node_modules/vue3-editor/node_modules/core-js": {
-      "version": "3.33.3",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.33.3.tgz",
-      "integrity": "sha512-lo0kOocUlLKmm6kv/FswQL8zbkH7mVsLJ/FULClOhv8WRVmKLVcs6XPNQAzstfeJTCHMyButEwG+z1kHxHoDZw==",
+      "version": "3.34.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.34.0.tgz",
+      "integrity": "sha512-aDdvlDder8QmY91H88GzNi9EtQi2TjvQhpCX6B1v/dAZHU1AuLgHvRh54RiOerpEhEW46Tkf+vgAViB/CWC0ag==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -14640,6 +14857,57 @@
         "node": ">=8"
       }
     },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
+    },
     "node_modules/wrap-ansi/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
diff --git a/package.json b/package.json
index 7bf5580..1a8d27a 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,6 @@
     "qrcode": "^1.5.1",
     "query-builder-vue-3": "^1.0.1",
     "tinymotion": "^0.2.0",
-    "vform": "^2.1.1",
     "vue": "^3.2.13",
     "vue-chartjs": "^5.2.0",
     "vue-codemirror": "^4.0.6",
diff --git a/resources/js/components/open/forms/OpenCompleteForm.vue b/resources/js/components/open/forms/OpenCompleteForm.vue
index 31f2abc..357c7fe 100644
--- a/resources/js/components/open/forms/OpenCompleteForm.vue
+++ b/resources/js/components/open/forms/OpenCompleteForm.vue
@@ -109,10 +109,10 @@
 
 <script>
 import Form from 'vform'
+import { themes } from '~/lib/forms/form-themes'
 import OpenForm from './OpenForm.vue'
-import OpenFormButton from './OpenFormButton.vue'
-import { themes } from '~/config/form-themes.js'
 import VButton from '../../common/Button.vue'
+import OpenFormButton from './OpenFormButton.vue'
 import VTransition from '../../common/transitions/VTransition.vue'
 import FormPendingSubmissionKey from '../../../mixins/forms/form-pending-submission-key.js'
 import FormCleanings from '../../pages/forms/show/FormCleanings.vue'
@@ -165,6 +165,7 @@ export default {
   },
 
   mounted () {
+    console.log('inside', this.form)
   },
 
   methods: {
diff --git a/resources/js/pages/forms/show-public.vue b/resources/js/pages/forms/show-public.vue
index 154fcb4..9c0c2fc 100644
--- a/resources/js/pages/forms/show-public.vue
+++ b/resources/js/pages/forms/show-public.vue
@@ -41,7 +41,7 @@
           </p>
         </div>
         <open-complete-form v-show="!recordLoading" ref="open-complete-form" :form="form" class="mb-10"
-                              @password-entered="passwordEntered"
+                            @password-entered="passwordEntered"
         />
       </template>
     </div>
@@ -54,44 +54,10 @@ import { computed } from 'vue'
 import { useFormsStore } from '../../stores/forms'
 import { useRecordsStore } from '../../stores/records'
 import OpenCompleteForm from '../../components/open/forms/OpenCompleteForm.vue'
-import Cookies from 'js-cookie'
 import sha256 from 'js-sha256'
-import SeoMeta from '../../mixins/seo-meta.js'
-
-const isFrame = window.location !== window.parent.location || window.frameElement
-
-function handleDarkMode (form) {
-  // Dark mode
-  const body = document.body
-  if (form.dark_mode === 'dark') {
-    body.classList.add('dark')
-  } else if (form.dark_mode === 'light') {
-    body.classList.remove('dark')
-  } else if (form.dark_mode === 'auto' && isFrame) {
-    // Remove dark mode if embed in a notion basic site
-    let parentUrl
-    try {
-      parentUrl = window.location.ancestorOrigins[0]
-    } catch (e) {
-      parentUrl = (window.location !== window.parent.location)
-        ? document.referrer
-        : document.location.href
-    }
-    if (parentUrl.includes('.notion.site')) {
-      body.classList.remove('dark')
-    }
-  }
-}
-
-function handleTransparentMode (form) {
-  const isFrame = window.location !== window.parent.location || window.frameElement
-  if (!isFrame || !form.transparent_background) return
-
-  const app = document.getElementById('app')
-  app.classList.remove('bg-white')
-  app.classList.remove('dark:bg-notion-dark')
-  app.classList.add('bg-transparent')
-}
+import { onBeforeRouteLeave } from 'vue-router'
+import { disableDarkMode, handleDarkMode, handleTransparentMode } from '~lib/forms/public-page'
+import { focusOnFirstFormElement } from '../../../../client/lib/forms/public-page'
 
 function loadForm (slug) {
   const formsStore = useFormsStore()
@@ -118,64 +84,39 @@ function loadForm (slug) {
 
 export default {
   components: { OpenCompleteForm },
-  mixins: [SeoMeta],
-
-  beforeRouteEnter (to, from, next) {
-    if (window.$crisp) {
-      window.$crisp.push(['do', 'chat:hide'])
-    }
-    next()
-  },
-
-  beforeRouteLeave (to, from, next) {
-    if (window.$crisp) {
-      window.$crisp.push(['do', 'chat:show'])
-    }
-    next()
-  },
 
   setup () {
+    const crisp = useCrisp()
+    crisp.hideChat()
+
+    onBeforeRouteLeave((to, from) => {
+      crisp.showChat()
+      disableDarkMode()
+    })
+
     const formsStore = useFormsStore()
     const recordsStore = useRecordsStore()
-    return {
-      formsStore,
-      forms : computed(() => formsStore.content),
-      formLoading : computed(() => formsStore.loading),
-      recordLoading : computed(() => recordsStore.loading)
-    }
-  },
 
-  data () {
-    return {
-      submitted: false
-    }
-  },
-
-  mounted () {
-    loadForm(this.formSlug).then(() => {
-      if (this.isIframe) return
-      // Auto focus on first input
-      const visibleElements = []
-      document.querySelectorAll('input,button,textarea,[role="button"]').forEach(ele => {
-        if (ele.offsetWidth !== 0 || ele.offsetHeight !== 0) {
-          visibleElements.push(ele)
-        }
-      })
-      if (visibleElements.length > 0) {
-        visibleElements[0].focus()
-      }
-    })
-  },
-
-  methods: {
-    passwordEntered (password) {
-      Cookies.set('password-' + this.form.slug, sha256(password), { expires: 7, sameSite: 'None', secure: true })
+    const passwordEntered = function (password) {
+      useCookie('password-' + this.form.slug, { maxAge: { expires: 60 * 60 * 7 }, sameSite: false, secure: true }).value = sha256(password)
       loadForm(this.formSlug).then(() => {
         if (this.form.is_password_protected) {
           this.$refs['open-complete-form'].addPasswordError('Invalid password.')
         }
       })
     }
+
+    const slug = useRoute()
+
+    return {
+      formsStore,
+      passwordEntered,
+      submitted: ref(false),
+      isIframe: useIsIframe(),
+      form: computed(() => formsStore.getByKey()),
+      formLoading: computed(() => formsStore.loading),
+      recordLoading: computed(() => recordsStore.loading)
+    }
   },
 
   computed: {
@@ -184,38 +125,42 @@ export default {
     },
     form () {
       return this.formsStore.getBySlug(this.formSlug)
-    },
-    isIframe () {
-      return window.location !== window.parent.location || window.frameElement
-    },
-    metaTitle () {
-      if(this.form && this.form.is_pro && this.form.seo_meta.page_title) {
-        return this.form.seo_meta.page_title
-      }
-      return this.form ? this.form.title : 'Create beautiful forms'
-    },
-    metaTemplate () {
-      if (this.form && this.form.is_pro && this.form.seo_meta.page_title) {
-        // Disable template if custom SEO title
-        return '%s'
-      }
-      return null
-    },
-    metaDescription () {
-      if (this.form && this.form.is_pro && this.form.seo_meta.page_description) {
-        return this.form.seo_meta.page_description
-      }
-      return (this.form && this.form.description) ? this.form.description.substring(0, 160) : null
-    },
-    metaImage () {
-      if (this.form && this.form.is_pro && this.form.seo_meta.page_thumbnail) {
-        return this.form.seo_meta.page_thumbnail
-      }
-      return (this.form && this.form.cover_picture) ? this.form.cover_picture : null
-    },
-    metaTags () {
-      return (this.form && this.form.can_be_indexed) ? [] : [{ name: 'robots', content: 'noindex' }]
     }
+    // metaTitle () {
+    //   if (this.form && this.form.is_pro && this.form.seo_meta.page_title) {
+    //     return this.form.seo_meta.page_title
+    //   }
+    //   return this.form ? this.form.title : 'Create beautiful forms'
+    // },
+    // metaTemplate () {
+    //   if (this.form && this.form.is_pro && this.form.seo_meta.page_title) {
+    //     // Disable template if custom SEO title
+    //     return '%s'
+    //   }
+    //   return null
+    // },
+    // metaDescription () {
+    //   if (this.form && this.form.is_pro && this.form.seo_meta.page_description) {
+    //     return this.form.seo_meta.page_description
+    //   }
+    //   return (this.form && this.form.description) ? this.form.description.substring(0, 160) : null
+    // },
+    // metaImage () {
+    //   if (this.form && this.form.is_pro && this.form.seo_meta.page_thumbnail) {
+    //     return this.form.seo_meta.page_thumbnail
+    //   }
+    //   return (this.form && this.form.cover_picture) ? this.form.cover_picture : null
+    // },
+    // metaTags () {
+    //   return (this.form && this.form.can_be_indexed) ? [] : [{ name: 'robots', content: 'noindex' }]
+    // }
+  },
+
+  mounted () {
+    loadForm(this.formSlug).then(() => {
+      if (this.isIframe) return
+      focusOnFirstFormElement()
+    })
   }
 }
 </script>