Update npm dependencies

package.json

@@ -13,7 +13,7 @@
         "@fortawesome/free-solid-svg-icons": "^6.4.2",
         "@fortawesome/vue-fontawesome": "^3.0.3",
         "@kyvg/vue3-notification": "^3.0.2",
-        "@vitejs/plugin-vue": "^4.3.4",
+        "@vitejs/plugin-vue": "^5.0.4",
         "@vueuse/components": "^10.4.1",
         "@vueuse/core": "^10.4.1",
         "@vueuse/integrations": "^10.6.1",
@@ -21,14 +21,14 @@
         "bulma": "^0.9.4",
         "bulma-checkradio": "^2.1.3",
         "file-saver": "^2.0.5",
-        "laravel-vite-plugin": "^0.8.0",
+        "laravel-vite-plugin": "^1.0.2",
         "laravel-vue-i18n": "^2.7.1",
         "php-parser": "^3.1.5",
         "pinia": "^2.1.6",
         "sass": "^1.67.0",
         "sortablejs": "^1.15.0",
         "unplugin-auto-import": "^0.16.6",
-        "vite": "^4.4.9",
+        "vite": "^5.2.7",
         "vue": "^3.3.4",
         "vue-qrcode-reader": "^5.4.0",
         "vue-router": "^4.2.4"

resources/js/components/formElements/FormField.vue

@@ -5,8 +5,6 @@
         inheritAttrs: false
     })
 
-    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
-
     const props = defineProps({
         modelValue: [String, Number, Boolean],
         label: {
@@ -47,6 +45,8 @@
         leftIcon: '',
         rightIcon: '',
     })
+
+    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
 </script>
 
 <template>

resources/js/components/formElements/FormLockField.vue

@@ -6,8 +6,6 @@
         inheritAttrs: false
     })
     
-    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
-
     const props = defineProps({
         modelValue: String,
         modelModifiers: { default: () => ({}) },
@@ -55,6 +53,8 @@
         }
     })
 
+    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
+
     const fieldIsLocked = ref(props.isDisabled || props.isEditMode)
     const hasBeenTrimmed = ref(false)
     const componentKey = ref(0);

resources/js/components/formElements/FormPasswordField.vue

@@ -5,10 +5,6 @@
         inheritAttrs: true
     })
 
-    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
-    const currentType = ref(props.inputType)
-    const hasCapsLockOn = ref(false)
-
     const props = defineProps({
         modelValue: [String],
         label: {
@@ -47,6 +43,10 @@
         },
     })
 
+    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
+    const currentType = ref(props.inputType)
+    const hasCapsLockOn = ref(false)
+
     const hasLowerCase = computed(() => {
         return /[a-z]/.test(props.modelValue)
     })

resources/js/components/formElements/FormTextarea.vue

@@ -5,8 +5,6 @@
         inheritAttrs: false
     })
 
-    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
-
     const props = defineProps({
         modelValue: [String, Number, Boolean],
         label: {
@@ -45,6 +43,8 @@
         },
         isIndented: Boolean,
     })
+
+    const { inputId } = useIdGenerator(props.inputType, props.fieldName)
 </script>
 
 <template>

vite.config.js

@@ -74,7 +74,7 @@ export default defineConfig({
     build: {
         rollupOptions: {
             output: {
-                banner: '/*! 2FAuth version ' + version + ' - Copyright (c) 2023 Bubka - https://github.com/Bubka/2FAuth */',
+                banner: '/*! 2FAuth version ' + version + ' - Copyright (c) 2024 Bubka - https://github.com/Bubka/2FAuth */',
             },
         },
     },