diff --git a/frontend/components/Account/ApiKeyModal.vue b/frontend/components/Account/ApiKeyModal.vue
index a39f44fcfc..6304b6ef95 100644
--- a/frontend/components/Account/ApiKeyModal.vue
+++ b/frontend/components/Account/ApiKeyModal.vue
@@ -74,6 +74,7 @@ import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 import {useAxios} from "~/vendor/axios";
 import Modal from "~/components/Common/Modal.vue";
 import {ModalTemplateRef, useHasModal} from "~/functions/useHasModal.ts";
+import {ComponentExposed} from "vue-component-type-helpers";
 
 const props = defineProps<{
     createUrl: string,
@@ -107,7 +108,7 @@ const create = () => {
     show();
 };
 
-const $field = ref<InstanceType<typeof FormGroupField> | null>(null);
+const $field = ref<ComponentExposed<typeof FormGroupField> | null>(null);
 
 const onShown = () => {
     nextTick(() => {
diff --git a/frontend/components/Admin/Stations/StationForm.vue b/frontend/components/Admin/Stations/StationForm.vue
index 1f6c748319..eca6cafdf2 100644
--- a/frontend/components/Admin/Stations/StationForm.vue
+++ b/frontend/components/Admin/Stations/StationForm.vue
@@ -116,8 +116,6 @@ const props = withDefaults(
         isRsasInstalled: false,
         isShoutcastInstalled: false,
         isStereoToolInstalled: false,
-        createUrl: null,
-        editUrl: null,
         isModal: false
     }
 );
diff --git a/frontend/components/Common/AudioPlayer.vue b/frontend/components/Common/AudioPlayer.vue
index 944ff76ce8..44b035694d 100644
--- a/frontend/components/Common/AudioPlayer.vue
+++ b/frontend/components/Common/AudioPlayer.vue
@@ -20,7 +20,6 @@ const props = withDefaults(
         isMuted?: boolean
     }>(),
     {
-        title: null,
         volume: 55,
         isMuted: false
     }
diff --git a/frontend/components/Common/Avatar.vue b/frontend/components/Common/Avatar.vue
index 66cb757afc..0e7341ec7a 100644
--- a/frontend/components/Common/Avatar.vue
+++ b/frontend/components/Common/Avatar.vue
@@ -27,8 +27,6 @@ const props = withDefaults(
         width?: number
     }>(),
     {
-        service: null,
-        serviceUrl: null,
         width: 64
     }
 );
diff --git a/frontend/components/Common/BitrateOptions.vue b/frontend/components/Common/BitrateOptions.vue
index 1847fdc077..5948816942 100644
--- a/frontend/components/Common/BitrateOptions.vue
+++ b/frontend/components/Common/BitrateOptions.vue
@@ -70,8 +70,8 @@
     </form-group>
 </template>
 
-<script setup lang="ts">
-import {FormFieldProps, useFormField} from "~/components/Form/useFormField";
+<script setup lang="ts" generic="T = string | number">
+import {FormFieldEmits, FormFieldProps, useFormField} from "~/components/Form/useFormField";
 import {computed, useSlots, WritableComputedRef} from "vue";
 import {includes, map} from "lodash";
 import useSlotsExcept from "~/functions/useSlotsExcept.ts";
@@ -79,7 +79,7 @@ import FormMultiCheck from "~/components/Form/FormMultiCheck.vue";
 import FormLabel, {FormLabelParentProps} from "~/components/Form/FormLabel.vue";
 import FormGroup from "~/components/Form/FormGroup.vue";
 
-interface BitrateOptionsProps extends FormFieldProps, FormLabelParentProps {
+interface BitrateOptionsProps extends FormFieldProps<T>, FormLabelParentProps {
     id: string,
     maxBitrate: number,
     name?: string,
@@ -87,20 +87,13 @@ interface BitrateOptionsProps extends FormFieldProps, FormLabelParentProps {
     description?: string,
 }
 
-const props = withDefaults(
-    defineProps<BitrateOptionsProps>(),
-    {
-        name: null,
-        label: null,
-        description: null,
-    }
-);
+const props = defineProps<BitrateOptionsProps>();
 
 const slots = useSlots();
 
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits<FormFieldEmits<T>>();
 
-const {model, isRequired} = useFormField(props, emit);
+const {model, isRequired} = useFormField<T>(props, emit);
 
 const radioBitrates = [
     32, 48, 64, 96, 128, 192, 256, 320
diff --git a/frontend/components/Common/CardPage.vue b/frontend/components/Common/CardPage.vue
index 29149b03ac..264bd9dd7e 100644
--- a/frontend/components/Common/CardPage.vue
+++ b/frontend/components/Common/CardPage.vue
@@ -47,7 +47,6 @@ const props = withDefaults(
         headerId?: string,
     }>(),
     {
-        title: null,
         headerId: 'card_hdr'
     }
 );
diff --git a/frontend/components/Common/Charts/TimeSeriesChart.vue b/frontend/components/Common/Charts/TimeSeriesChart.vue
index 3323dda9fe..c5816f78d9 100644
--- a/frontend/components/Common/Charts/TimeSeriesChart.vue
+++ b/frontend/components/Common/Charts/TimeSeriesChart.vue
@@ -16,7 +16,7 @@ import ChartAltValues from "~/components/Common/Charts/ChartAltValues.vue";
 import useChart, {ChartProps, ChartTemplateRef} from "~/functions/useChart";
 import {useLuxon} from "~/vendor/luxon";
 
-interface TimeSeriesChartProps extends ChartProps {
+interface TimeSeriesChartProps extends ChartProps<'line'> {
     tz?: string,
 }
 
diff --git a/frontend/components/Common/Dialog.vue b/frontend/components/Common/Dialog.vue
index 395da42a96..c1c41a2a0a 100644
--- a/frontend/components/Common/Dialog.vue
+++ b/frontend/components/Common/Dialog.vue
@@ -57,7 +57,7 @@ export interface DialogResponse {
 }
 
 export interface DialogComponentProps extends DialogOptions {
-    resolvePromise(body: DialogResponse)
+    resolvePromise(body: DialogResponse): void
 }
 </script>
 
diff --git a/frontend/components/Common/GridLayout.vue b/frontend/components/Common/GridLayout.vue
index fcf3d1eb23..db94f8e035 100644
--- a/frontend/components/Common/GridLayout.vue
+++ b/frontend/components/Common/GridLayout.vue
@@ -77,8 +77,6 @@ export interface GridLayoutProps {
 }
 
 const props = withDefaults(defineProps<GridLayoutProps>(), {
-    id: null,
-    apiUrl: null,
     paginated: false,
     loading: false,
     hideOnLoading: true,
diff --git a/frontend/components/Common/Modal.vue b/frontend/components/Common/Modal.vue
index fc39b6f38c..cb30868bfc 100644
--- a/frontend/components/Common/Modal.vue
+++ b/frontend/components/Common/Modal.vue
@@ -67,8 +67,7 @@ const props = withDefaults(
     {
         active: false,
         busy: false,
-        size: 'md',
-        title: null
+        size: 'md'
     }
 );
 
diff --git a/frontend/components/Common/ModalForm.vue b/frontend/components/Common/ModalForm.vue
index 93315b7f08..1a8d15d8c4 100644
--- a/frontend/components/Common/ModalForm.vue
+++ b/frontend/components/Common/ModalForm.vue
@@ -89,8 +89,7 @@ const props = withDefaults(
         id: 'edit-modal',
         loading: false,
         disableSaveButton: false,
-        noEnforceFocus: false,
-        error: null
+        noEnforceFocus: false
     }
 );
 
diff --git a/frontend/components/Common/PaginationItem.vue b/frontend/components/Common/PaginationItem.vue
index 4221e2ee6b..bcd4c43aab 100644
--- a/frontend/components/Common/PaginationItem.vue
+++ b/frontend/components/Common/PaginationItem.vue
@@ -33,7 +33,6 @@ const props = withDefaults(
     }>(),
     {
         page: 1,
-        label: null,
         active: false,
         disabled: false,
     }
diff --git a/frontend/components/Common/PlayButton.vue b/frontend/components/Common/PlayButton.vue
index 065f977f45..42f71ad7dc 100644
--- a/frontend/components/Common/PlayButton.vue
+++ b/frontend/components/Common/PlayButton.vue
@@ -26,12 +26,11 @@ const props = withDefaults(
         url: string,
         isStream?: boolean,
         isHls?: boolean,
-        iconClass?: stringm
+        iconClass?: string
     }>(),
     {
         isStream: false,
-        isHls: false,
-        iconClass: null
+        isHls: false
     }
 );
 
diff --git a/frontend/components/Common/Tab.vue b/frontend/components/Common/Tab.vue
index 7147b52df3..ebff756a02 100644
--- a/frontend/components/Common/Tab.vue
+++ b/frontend/components/Common/Tab.vue
@@ -11,13 +11,7 @@
 <script setup lang="ts">
 import {TabChildProps, useTabChild} from "~/functions/tabs.ts";
 
-const props = withDefaults(
-    defineProps<TabChildProps>(),
-    {
-        id: null,
-        itemHeaderClass: null,
-    }
-);
+const props = defineProps<TabChildProps>();
 
 const {computedId, isActive, isLazy} = useTabChild(props);
 </script>
diff --git a/frontend/components/Common/Tabs.vue b/frontend/components/Common/Tabs.vue
index 747f1d1715..83c3e3dfc4 100644
--- a/frontend/components/Common/Tabs.vue
+++ b/frontend/components/Common/Tabs.vue
@@ -42,7 +42,6 @@ import {TabParentProps, useTabParent} from "~/functions/tabs.ts";
 const props = withDefaults(
     defineProps<TabParentProps>(),
     {
-        modelValue: null,
         navTabsClass: 'nav-tabs',
         contentClass: 'mt-3',
         destroyOnHide: false,
diff --git a/frontend/components/Common/TimeCode.vue b/frontend/components/Common/TimeCode.vue
index b82f7c7277..9033021b92 100644
--- a/frontend/components/Common/TimeCode.vue
+++ b/frontend/components/Common/TimeCode.vue
@@ -15,7 +15,7 @@ import {isEmpty, padStart} from 'lodash';
 
 const props = withDefaults(
     defineProps<{
-        modelValue?: string
+        modelValue?: string | number | null
     }>(),
     {
         modelValue: null,
@@ -23,19 +23,19 @@ const props = withDefaults(
 );
 
 const emit = defineEmits<{
-    (e: 'update:modelValue', value: string | null): void
+    (e: 'update:modelValue', value: number | null): void
 }>();
 
-const parseTimeCode = (timeCode) => {
+const parseTimeCode = (timeCode: string | number | null) => {
     if (timeCode !== '' && timeCode !== null) {
-        timeCode = padStart(timeCode, 4, '0');
+        timeCode = padStart(String(timeCode), 4, '0');
         return timeCode.substring(0, 2) + ':' + timeCode.substring(2);
     }
 
     return null;
 }
 
-const convertToTimeCode = (time) => {
+const convertToTimeCode = (time: string): number | null => {
     if (isEmpty(time)) {
         return null;
     }
diff --git a/frontend/components/Common/Toast.vue b/frontend/components/Common/Toast.vue
index 4f3ead6aab..e892a24eea 100644
--- a/frontend/components/Common/Toast.vue
+++ b/frontend/components/Common/Toast.vue
@@ -53,7 +53,6 @@ const props = withDefaults(
         variant?: string,
     }>(),
     {
-        title: null,
         variant: 'info',
     }
 );
diff --git a/frontend/components/Common/Waveform.vue b/frontend/components/Common/Waveform.vue
index fdfdb7433d..99b108e7ba 100644
--- a/frontend/components/Common/Waveform.vue
+++ b/frontend/components/Common/Waveform.vue
@@ -66,16 +66,11 @@ import usePlayerVolume from "~/functions/usePlayerVolume";
 import useShowVolume from "~/functions/useShowVolume.ts";
 import MuteButton from "~/components/Common/MuteButton.vue";
 
-const props = withDefaults(
-    defineProps<{
-        audioUrl: string,
-        waveformUrl: string,
-        waveformCacheUrl?: string,
-    }>(),
-    {
-        waveformCacheUrl: null
-    }
-);
+const props = defineProps<{
+    audioUrl: string,
+    waveformUrl: string,
+    waveformCacheUrl?: string,
+}>();
 
 const emit = defineEmits(['ready']);
 
diff --git a/frontend/components/Form/FormGroupCheckbox.vue b/frontend/components/Form/FormGroupCheckbox.vue
index e210fe4fdc..743f466b32 100644
--- a/frontend/components/Form/FormGroupCheckbox.vue
+++ b/frontend/components/Form/FormGroupCheckbox.vue
@@ -51,15 +51,15 @@
     </form-group>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T = boolean | null">
 import VuelidateError from "./VuelidateError.vue";
 import FormLabel, {FormLabelParentProps} from "~/components/Form/FormLabel.vue";
 import FormGroup from "~/components/Form/FormGroup.vue";
-import {FormFieldProps, useFormField} from "~/components/Form/useFormField";
+import {FormFieldEmits, FormFieldProps, useFormField} from "~/components/Form/useFormField";
 import {useSlots} from "vue";
 import FormCheckbox from "~/components/Form/FormCheckbox.vue";
 
-interface FormGroupCheckboxProps extends FormFieldProps, FormLabelParentProps {
+interface FormGroupCheckboxProps extends FormFieldProps<T>, FormLabelParentProps {
     id: string,
     name?: string,
     label?: string,
@@ -80,7 +80,7 @@ const props = withDefaults(
 
 const slots = useSlots();
 
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits<FormFieldEmits<T>>();
 
-const {model, isVuelidateField, isRequired} = useFormField(props, emit);
+const {model, isVuelidateField, isRequired} = useFormField<T>(props, emit);
 </script>
diff --git a/frontend/components/Form/FormGroupField.vue b/frontend/components/Form/FormGroupField.vue
index e4fc25245f..e221ca972a 100644
--- a/frontend/components/Form/FormGroupField.vue
+++ b/frontend/components/Form/FormGroupField.vue
@@ -5,17 +5,14 @@
     >
         <template
             v-if="label || slots.label"
-            #label="slotProps"
+            #label
         >
             <form-label
                 :is-required="isRequired"
                 :advanced="props.advanced"
                 :high-cpu="props.highCpu"
             >
-                <slot
-                    name="label"
-                    v-bind="slotProps"
-                >
+                <slot name="label">
                     {{ label }}
                 </slot>
             </form-label>
@@ -24,7 +21,7 @@
         <template #default>
             <slot
                 name="default"
-                v-bind="{ id, field, class: fieldClass }"
+                v-bind="{ id, field, model: filteredModelObject, class: fieldClass }"
             >
                 <textarea
                     v-if="inputType === 'textarea'"
@@ -59,7 +56,7 @@
 
         <template
             v-if="description || slots.description || clearable"
-            #description="slotProps"
+            #description
         >
             <div
                 v-if="clearable"
@@ -74,24 +71,27 @@
                 </button>
             </div>
 
-            <slot
-                v-bind="slotProps"
-                name="description"
-            >
+            <slot name="description">
                 {{ description }}
             </slot>
         </template>
     </form-group>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T extends any = ModelFormField">
 import VuelidateError from "./VuelidateError.vue";
-import {computed, nextTick, onMounted, ref, useSlots} from "vue";
+import {computed, ComputedRef, nextTick, onMounted, reactive, Reactive, ref} from "vue";
 import FormGroup from "~/components/Form/FormGroup.vue";
 import FormLabel, {FormLabelParentProps} from "~/components/Form/FormLabel.vue";
-import {FormFieldProps, useFormField} from "~/components/Form/useFormField";
-
-interface FormGroupFieldProps extends FormFieldProps, FormLabelParentProps {
+import {
+    FormFieldEmits,
+    FormFieldProps,
+    ModelFormField,
+    useFormField,
+    VuelidateField
+} from "~/components/Form/useFormField";
+
+interface FormGroupFieldProps extends FormFieldProps<T>, FormLabelParentProps {
     id: string,
     name?: string,
     label?: string,
@@ -105,6 +105,10 @@ interface FormGroupFieldProps extends FormFieldProps, FormLabelParentProps {
     clearable?: boolean,
 }
 
+interface FilteredModelObject {
+    $model: T
+}
+
 const props = withDefaults(
     defineProps<FormGroupFieldProps>(),
     {
@@ -115,18 +119,26 @@ const props = withDefaults(
         inputNumber: false,
         inputTrim: false,
         inputEmptyIsNull: false,
-        inputAttrs: () => {
-        },
+        inputAttrs: () => ({}),
         autofocus: false,
         clearable: false
     }
 );
 
-const slots = useSlots();
+const slots = defineSlots<{
+    label?: () => any,
+    default?: (props: {
+        id: string,
+        field?: VuelidateField<T>,
+        model: FilteredModelObject,
+        class: ComputedRef<string | null>
+    }) => any,
+    description?: () => any,
+}>();
 
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits<FormFieldEmits<T>>();
 
-const {model, isVuelidateField, fieldClass, isRequired} = useFormField(props, emit);
+const {model, isVuelidateField, fieldClass, isRequired} = useFormField<T>(props, emit);
 
 const isNumeric = computed(() => {
     return props.inputNumber || props.inputType === "number" || props.inputType === "range";
@@ -153,6 +165,11 @@ const filteredModel = computed({
     }
 });
 
+// Work around a Vue v-model limitation by passing model as an object to child slots.
+const filteredModelObject: Reactive<FilteredModelObject> = reactive({
+    $model: filteredModel
+});
+
 const $input = ref<HTMLInputElement | HTMLTextAreaElement | null>(null);
 
 const focus = () => {
diff --git a/frontend/components/Form/FormGroupMultiCheck.vue b/frontend/components/Form/FormGroupMultiCheck.vue
index 518accae74..d945b10a1d 100644
--- a/frontend/components/Form/FormGroupMultiCheck.vue
+++ b/frontend/components/Form/FormGroupMultiCheck.vue
@@ -66,22 +66,22 @@
     </form-group>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T = ModelFormField">
 import VuelidateError from "./VuelidateError.vue";
 import FormLabel, {FormLabelParentProps} from "~/components/Form/FormLabel.vue";
 import FormGroup from "~/components/Form/FormGroup.vue";
 import FormMultiCheck from "~/components/Form/FormMultiCheck.vue";
 import useSlotsExcept from "~/functions/useSlotsExcept";
-import {FormFieldEmits, FormFieldProps, useFormField} from "~/components/Form/useFormField";
+import {FormFieldEmits, FormFieldProps, ModelFormField, useFormField} from "~/components/Form/useFormField";
 import {useSlots} from "vue";
-import {FormOption} from "~/functions/objectToNestedFormOptions.ts";
+import {SimpleFormOptionInput} from "~/functions/objectToFormOptions.ts";
 
-interface FormGroupMultiCheckProps extends FormFieldProps, FormLabelParentProps {
+interface FormGroupMultiCheckProps extends FormFieldProps<T>, FormLabelParentProps {
     id: string,
     name?: string,
     label?: string,
     description?: string,
-    options: FormOption[],
+    options: SimpleFormOptionInput,
     radio?: boolean,
     stacked?: boolean
 }
@@ -89,9 +89,6 @@ interface FormGroupMultiCheckProps extends FormFieldProps, FormLabelParentProps
 const props = withDefaults(
     defineProps<FormGroupMultiCheckProps>(),
     {
-        name: null,
-        label: null,
-        description: null,
         radio: false,
         stacked: false
     }
@@ -99,7 +96,7 @@ const props = withDefaults(
 
 const slots = useSlots();
 
-const emit = defineEmits<FormFieldEmits>();
+const emit = defineEmits<FormFieldEmits<T>>();
 
-const {model, isVuelidateField, isRequired} = useFormField(props, emit);
+const {model, isVuelidateField, isRequired} = useFormField<T>(props, emit);
 </script>
diff --git a/frontend/components/Form/FormGroupSelect.vue b/frontend/components/Form/FormGroupSelect.vue
index 3f99e81ae2..e0c86e1a66 100644
--- a/frontend/components/Form/FormGroupSelect.vue
+++ b/frontend/components/Form/FormGroupSelect.vue
@@ -57,16 +57,16 @@
     </form-group>
 </template>
 
-<script setup lang="ts">
+<script setup lang="ts" generic="T = ModelFormField">
 import VuelidateError from "./VuelidateError.vue";
 import FormLabel, {FormLabelParentProps} from "~/components/Form/FormLabel.vue";
 import FormGroup from "~/components/Form/FormGroup.vue";
-import {FormFieldProps, useFormField} from "~/components/Form/useFormField";
+import {FormFieldEmits, FormFieldProps, ModelFormField, useFormField} from "~/components/Form/useFormField";
 import SelectOptions from "~/components/Form/SelectOptions.vue";
 import {useSlots} from "vue";
-import {NestedFormOptionInput} from "~/functions/objectToNestedFormOptions.ts";
+import {NestedFormOptionInput} from "~/functions/objectToFormOptions.ts";
 
-interface FormGroupSelectProps extends FormFieldProps, FormLabelParentProps {
+interface FormGroupSelectProps extends FormFieldProps<T>, FormLabelParentProps {
     id: string,
     name?: string,
     label?: string,
@@ -87,7 +87,7 @@ const props = withDefaults(
 
 const slots = useSlots();
 
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits<FormFieldEmits<T>>();
 
-const {model, isVuelidateField, fieldClass, isRequired} = useFormField(props, emit);
+const {model, isVuelidateField, fieldClass, isRequired} = useFormField<T>(props, emit);
 </script>
diff --git a/frontend/components/Form/useFormField.ts b/frontend/components/Form/useFormField.ts
index 62964b3f3c..1fd53f65dd 100644
--- a/frontend/components/Form/useFormField.ts
+++ b/frontend/components/Form/useFormField.ts
@@ -1,47 +1,49 @@
 import {computed, ComputedRef, WritableComputedRef} from "vue";
 import {has} from "lodash";
-import {VuelidateObject} from "~/functions/useVuelidateOnForm.ts";
+import {BaseValidation, ValidationRuleCollection} from "@vuelidate/core";
+import {reactiveComputed} from "@vueuse/core";
 
 export type ModelFormField = string | number | boolean | Array<any> | null
 
-export interface FormFieldProps {
-    field?: VuelidateObject,
-    modelValue?: ModelFormField,
-    required?: boolean
+export type VuelidateField<T> = BaseValidation<T, ValidationRuleCollection<T>>
+
+export interface FormFieldProps<T = ModelFormField> {
+    modelValue?: T
+    field?: VuelidateField<T>
+    required?: boolean,
 }
 
-export interface FormFieldEmits {
-    (e: 'update:modelValue', value: ModelFormField): void
+export interface FormFieldEmits<T = ModelFormField> {
+    (e: 'update:modelValue', value: T): void
 }
 
-export function useFormField(
-    initialProps: FormFieldProps,
-    emit: FormFieldEmits
+export function useFormField<T = ModelFormField>(
+    initialProps: FormFieldProps<T>,
+    emit: FormFieldEmits<T>
 ): {
     isVuelidateField: ComputedRef<boolean>,
-    model: WritableComputedRef<ModelFormField>,
+    model: WritableComputedRef<T>,
     fieldClass: ComputedRef<string | null>,
     isRequired: ComputedRef<boolean>
 } {
-    const props: FormFieldProps = {
+    const props = reactiveComputed(() => ({
         required: false,
         ...initialProps
-    };
+    })) as FormFieldProps<T>;
 
     const isVuelidateField = computed(
         () => props.field !== undefined
     );
 
-    const model: WritableComputedRef<ModelFormField> = computed({
+    const model: WritableComputedRef<T, T> = computed({
         get() {
-            return (isVuelidateField.value)
-                ? props.field.$model as ModelFormField
+            return (field !== undefined)
+                ? field.$model
                 : props.modelValue;
         },
-        set(newValue: ModelFormField) {
-            if (isVuelidateField.value) {
-                // @ts-expect-error Vuelidate mistypes this.
-                props.field.$model = newValue;
+        set(newValue) {
+            if (field !== undefined) {
+                field.$model = newValue;
             } else {
                 emit('update:modelValue', newValue);
             }
@@ -49,7 +51,7 @@ export function useFormField(
     });
 
     const fieldClass = computed(() => {
-        if (!isVuelidateField.value) {
+        if (props.field !== undefined) {
             return null;
         }
 
@@ -64,10 +66,10 @@ export function useFormField(
 
     const isRequired = computed(() => {
         if (props.required) {
-            return props.required;
+            return required;
         }
 
-        return (isVuelidateField.value)
+        return (props.field !== undefined)
             ? has(props.field, 'required')
             : false;
     });
diff --git a/frontend/components/Recover.vue b/frontend/components/Recover.vue
index 43929de830..88bee276a9 100644
--- a/frontend/components/Recover.vue
+++ b/frontend/components/Recover.vue
@@ -78,15 +78,10 @@ import {required} from '@vuelidate/validators';
 import {useVuelidateOnForm} from "~/functions/useVuelidateOnForm";
 import {IconVpnKey} from "~/components/Common/icons";
 
-const props = withDefaults(
-    defineProps<{
-        csrf: string,
-        error?: string,
-    }>(),
-    {
-        error: null
-    }
-);
+const props = defineProps<{
+    csrf: string,
+    error?: string,
+}>();
 
 const {v$} = useVuelidateOnForm(
     {
diff --git a/frontend/components/Stations/Branding/BrandingForm.vue b/frontend/components/Stations/Branding/BrandingForm.vue
index 3bfff24c3b..e9826e93ea 100644
--- a/frontend/components/Stations/Branding/BrandingForm.vue
+++ b/frontend/components/Stations/Branding/BrandingForm.vue
@@ -62,10 +62,10 @@
                             :label="$gettext('Custom JS for Public Pages')"
                             :description="$gettext('This javascript code will be applied to the station public pages.')"
                         >
-                            <template #default="slotProps">
+                            <template #default="{id, model}">
                                 <codemirror-textarea
-                                    :id="slotProps.id"
-                                    v-model="slotProps.field.$model"
+                                    :id="id"
+                                    v-model="model.$model"
                                     mode="javascript"
                                 />
                             </template>
@@ -110,10 +110,10 @@ const {form, resetForm, v$, ifValid} = useVuelidateOnForm(
         offline_text: {}
     },
     {
-        default_album_art_url: '',
-        public_custom_css: '',
-        public_custom_js: '',
-        offline_text: ''
+        default_album_art_url: "",
+        public_custom_css: "",
+        public_custom_js: "",
+        offline_text: ""
     }
 );
 
diff --git a/frontend/components/Stations/HlsStreams/Form/BasicInfo.vue b/frontend/components/Stations/HlsStreams/Form/BasicInfo.vue
index 693b9a8b70..f5472deb49 100644
--- a/frontend/components/Stations/HlsStreams/Form/BasicInfo.vue
+++ b/frontend/components/Stations/HlsStreams/Form/BasicInfo.vue
@@ -81,7 +81,7 @@ const bitrateOptions = map(
     (val) => {
         return {
             value: val,
-            text: val
+            text: String(val)
         }
     },
 );
diff --git a/frontend/components/Stations/Media.vue b/frontend/components/Stations/Media.vue
index 6803d91dee..76253450a9 100644
--- a/frontend/components/Stations/Media.vue
+++ b/frontend/components/Stations/Media.vue
@@ -254,6 +254,21 @@
     />
 </template>
 
+<script lang="ts">
+import {ApiFileList} from "~/entities/ApiInterfaces.ts";
+
+export interface MediaSelectedItems {
+    all: ApiFileList[],
+    files: string[],
+    directories: string[]
+}
+
+export interface MediaInitialPlaylist {
+    id: number,
+    name: string
+}
+</script>
+
 <script setup lang="ts">
 import DataTable, {DataTableField} from '~/components/Common/DataTable.vue';
 import MediaToolbar from './Media/MediaToolbar.vue';
@@ -276,13 +291,13 @@ import {getStationApiUrl} from "~/router";
 import {useRoute, useRouter} from "vue-router";
 import {IconFile, IconFolder, IconImage} from "~/components/Common/icons";
 import useStationDateTimeFormatter from "~/functions/useStationDateTimeFormatter.ts";
-import {ApiFileList, CustomField, FileTypes} from "~/entities/ApiInterfaces.ts";
+import {CustomField, FileTypes} from "~/entities/ApiInterfaces.ts";
 import {DataTableTemplateRef} from "~/functions/useHasDatatable.ts";
 
 const props = withDefaults(
     defineProps<{
-        initialPlaylists?: any[], // TODO
-        customFields?: any[], // TODO
+        initialPlaylists?: MediaInitialPlaylist[],
+        customFields?: CustomField[],
         validMimeTypes?: string[],
         showSftp?: boolean,
         supportsImmediateQueue?: boolean,
@@ -374,8 +389,8 @@ const fields = computed<DataTableField<ApiFileList>[]>(() => {
     return fields;
 });
 
-const playlists = ref(props.initialPlaylists);
-const selectedItems = ref({
+const playlists = ref<MediaInitialPlaylist[]>(props.initialPlaylists);
+const selectedItems = ref<MediaSelectedItems>({
     all: [],
     files: [],
     directories: []
@@ -383,8 +398,8 @@ const selectedItems = ref({
 const currentDirectory = ref('');
 const searchPhrase = ref('');
 
-const onRowSelected = (items) => {
-    const splitItems = partition(items, (row: ApiFileList) => row.type === FileTypes.Directory);
+const onRowSelected = (items: ApiFileList[]) => {
+    const splitItems = partition(items, (row) => row.type === FileTypes.Directory);
 
     selectedItems.value = {
         all: items,
@@ -410,7 +425,7 @@ const onTriggerRelist = () => {
     $datatable.value?.relist();
 };
 
-const onAddPlaylist = (row) => {
+const onAddPlaylist = (row: MediaInitialPlaylist) => {
     playlists.value.push(row);
 };
 
diff --git a/frontend/components/Stations/Media/EditModal.vue b/frontend/components/Stations/Media/EditModal.vue
index 8b09739256..d977908ecc 100644
--- a/frontend/components/Stations/Media/EditModal.vue
+++ b/frontend/components/Stations/Media/EditModal.vue
@@ -69,10 +69,12 @@ import {
 } from "~/functions/useBaseEditModal.ts";
 import mergeExisting from "~/functions/mergeExisting.ts";
 import {useResettableRef} from "~/functions/useResettableRef.ts";
+import {CustomField} from "~/entities/ApiInterfaces.ts";
+import {MediaInitialPlaylist} from "~/components/Stations/Media.vue";
 
 interface MediaEditModalProps extends BaseEditModalProps {
-    customFields: any[],
-    playlists: any[]
+    customFields: CustomField[],
+    playlists: MediaInitialPlaylist[]
 }
 
 const props = defineProps<MediaEditModalProps>();
diff --git a/frontend/components/Stations/Media/MediaToolbar.vue b/frontend/components/Stations/Media/MediaToolbar.vue
index 53b0343737..f9d232e6f9 100644
--- a/frontend/components/Stations/Media/MediaToolbar.vue
+++ b/frontend/components/Stations/Media/MediaToolbar.vue
@@ -219,11 +219,12 @@ import {IconClearAll, IconDelete, IconFolder, IconMoreHoriz, IconMove} from "~/c
 import useHandleBatchResponse from "~/components/Stations/Media/useHandleBatchResponse.ts";
 import {useNotify} from "~/functions/useNotify.ts";
 import {useDialog} from "~/functions/useDialog.ts";
+import {MediaInitialPlaylist, MediaSelectedItems} from "~/components/Stations/Media.vue";
 
 const props = defineProps<{
     currentDirectory: string,
-    selectedItems: object, // TODO
-    playlists?: any[], // TODO
+    selectedItems: MediaSelectedItems,
+    playlists?: MediaInitialPlaylist[],
     batchUrl: string,
     supportsImmediateQueue: boolean
 }>();
@@ -323,7 +324,7 @@ const doDelete = () => {
     const numFiles = selectedItems.value.all.length;
     const buttonConfirmText = $gettext(
         'Delete %{num} media files?',
-        {num: numFiles}
+        {num: String(numFiles)}
     );
 
     confirmDelete({
diff --git a/frontend/components/Stations/Media/MoveFilesModal.vue b/frontend/components/Stations/Media/MoveFilesModal.vue
index a3b3ba4999..ec1669e672 100644
--- a/frontend/components/Stations/Media/MoveFilesModal.vue
+++ b/frontend/components/Stations/Media/MoveFilesModal.vue
@@ -95,9 +95,10 @@ import {DataTableTemplateRef} from "~/functions/useHasDatatable.ts";
 import {ModalTemplateRef, useHasModal} from "~/functions/useHasModal.ts";
 import useHandleBatchResponse from "~/components/Stations/Media/useHandleBatchResponse.ts";
 import {useAsyncState} from "@vueuse/core";
+import {MediaSelectedItems} from "~/components/Stations/Media.vue";
 
 const props = defineProps<{
-    selectedItems: object, // TODO
+    selectedItems: MediaSelectedItems,
     currentDirectory: string,
     batchUrl: string,
     listDirectoriesUrl: string,
diff --git a/frontend/components/Stations/Playlists/Form/BasicInfo.vue b/frontend/components/Stations/Playlists/Form/BasicInfo.vue
index 1b5068c7b4..471dba6bc0 100644
--- a/frontend/components/Stations/Playlists/Form/BasicInfo.vue
+++ b/frontend/components/Stations/Playlists/Form/BasicInfo.vue
@@ -362,7 +362,7 @@ const weightOptions = map(
     (val) => {
         return {
             value: val,
-            text: val
+            text: String(val)
         }
     }
 );
diff --git a/frontend/components/Stations/Podcasts/PodcastEditModal.vue b/frontend/components/Stations/Podcasts/PodcastEditModal.vue
index ac774f1b9f..2b199aea91 100644
--- a/frontend/components/Stations/Podcasts/PodcastEditModal.vue
+++ b/frontend/components/Stations/Podcasts/PodcastEditModal.vue
@@ -50,10 +50,11 @@ import {useTranslate} from "~/vendor/gettext";
 import ModalForm from "~/components/Common/ModalForm.vue";
 import Tabs from "~/components/Common/Tabs.vue";
 import {map} from "lodash";
+import {NestedFormOptionInput} from "~/functions/objectToFormOptions.ts";
 
 interface PodcastEditModalProps extends BaseEditModalProps {
-    languageOptions: object,
-    categoriesOptions: object,
+    languageOptions: NestedFormOptionInput,
+    categoriesOptions: NestedFormOptionInput,
     newArtUrl: string
 }
 
diff --git a/frontend/components/Stations/Podcasts/PodcastForm/BasicInfo.vue b/frontend/components/Stations/Podcasts/PodcastForm/BasicInfo.vue
index 276c6bbd77..ba192210c2 100644
--- a/frontend/components/Stations/Podcasts/PodcastForm/BasicInfo.vue
+++ b/frontend/components/Stations/Podcasts/PodcastForm/BasicInfo.vue
@@ -82,10 +82,11 @@ import {FormTabEmits, FormTabProps, useVuelidateOnFormTab} from "~/functions/use
 import {required} from "@vuelidate/validators";
 import Tab from "~/components/Common/Tab.vue";
 import FormGroupCheckbox from "~/components/Form/FormGroupCheckbox.vue";
+import {NestedFormOptionInput} from "~/functions/objectToFormOptions.ts";
 
 interface PodcastBasicInfoFormProps extends FormTabProps {
-    languageOptions: object, // TODO
-    categoriesOptions: object, // TODO
+    languageOptions: NestedFormOptionInput,
+    categoriesOptions: NestedFormOptionInput,
 }
 
 const props = defineProps<PodcastBasicInfoFormProps>();
diff --git a/frontend/components/Stations/Profile/StreamsPanel.vue b/frontend/components/Stations/Profile/StreamsPanel.vue
index ade2c0fb27..826a116110 100644
--- a/frontend/components/Stations/Profile/StreamsPanel.vue
+++ b/frontend/components/Stations/Profile/StreamsPanel.vue
@@ -175,12 +175,13 @@ import Icon from '~/components/Common/Icon.vue';
 import PlayButton from "~/components/Common/PlayButton.vue";
 import CardPage from "~/components/Common/CardPage.vue";
 import {IconDownload, IconHeadphones} from "~/components/Common/icons";
+import {ApiNowPlayingStation} from "~/entities/ApiInterfaces.ts";
 
 defineOptions({
     inheritAttrs: false
 });
 
 const props = defineProps<{
-    station: object
+    station: ApiNowPlayingStation
 }>();
 </script>
diff --git a/frontend/components/Stations/Remotes/Form/BasicInfo.vue b/frontend/components/Stations/Remotes/Form/BasicInfo.vue
index 2c9258c7c1..2f5dae9112 100644
--- a/frontend/components/Stations/Remotes/Form/BasicInfo.vue
+++ b/frontend/components/Stations/Remotes/Form/BasicInfo.vue
@@ -85,6 +85,7 @@ const {v$, tabClass} = useVuelidateOnFormTab(
     {
         display_name: {},
         type: {required},
+        custom_listen_url: {},
         url: {required},
         mount: {},
         admin_password: {},
diff --git a/frontend/components/Stations/SftpUsers.vue b/frontend/components/Stations/SftpUsers.vue
index 5dba9a944b..eea99e1a04 100644
--- a/frontend/components/Stations/SftpUsers.vue
+++ b/frontend/components/Stations/SftpUsers.vue
@@ -87,8 +87,14 @@ import {getStationApiUrl} from "~/router";
 import AddButton from "~/components/Common/AddButton.vue";
 import EditModal from "~/components/Stations/HlsStreams/EditModal.vue";
 
+interface SftpUsersConnectionInfo {
+    url: string,
+    ip: string | null,
+    port: number
+}
+
 const props = defineProps<{
-    connectionInfo: object, // TODO
+    connectionInfo: SftpUsersConnectionInfo,
 }>();
 
 const listUrl = getStationApiUrl('/sftp-users');
diff --git a/frontend/components/Stations/Streamers.vue b/frontend/components/Stations/Streamers.vue
index 361777498c..e0935afb98 100644
--- a/frontend/components/Stations/Streamers.vue
+++ b/frontend/components/Stations/Streamers.vue
@@ -124,9 +124,10 @@ import AddButton from "~/components/Common/AddButton.vue";
 import TimeZone from "~/components/Stations/Common/TimeZone.vue";
 import ScheduleViewTab from "~/components/Stations/Common/ScheduleViewTab.vue";
 import {EventImpl} from "@fullcalendar/core/internal";
+import {StreamerConnectionInfo} from "~/components/Stations/Streamers/ConnectionInfo.vue";
 
 const props = defineProps<{
-    connectionInfo: object, // TODO
+    connectionInfo: StreamerConnectionInfo,
 }>();
 
 const listUrl = getStationApiUrl('/streamers');
diff --git a/frontend/components/Stations/Streamers/ConnectionInfo.vue b/frontend/components/Stations/Streamers/ConnectionInfo.vue
index 75e8ef2776..2849830841 100644
--- a/frontend/components/Stations/Streamers/ConnectionInfo.vue
+++ b/frontend/components/Stations/Streamers/ConnectionInfo.vue
@@ -89,8 +89,17 @@
     </section>
 </template>
 
+<script lang="ts">
+export interface StreamerConnectionInfo {
+    serverUrl: string,
+    streamPort: number,
+    ip: string | null,
+    djMountPoint: string,
+}
+</script>
+
 <script setup lang="ts">
 const props = defineProps<{
-    connectionInfo: object
+    connectionInfo: StreamerConnectionInfo
 }>();
 </script>
diff --git a/frontend/components/Stations/Webhooks/EditModal.vue b/frontend/components/Stations/Webhooks/EditModal.vue
index cb27b0a535..9977a93b0d 100644
--- a/frontend/components/Stations/Webhooks/EditModal.vue
+++ b/frontend/components/Stations/Webhooks/EditModal.vue
@@ -24,7 +24,7 @@
             <component
                 :is="formComponent"
                 v-model:form="form"
-                :label="typeTitle"
+                :title="typeTitle"
             />
         </tabs>
     </modal-form>
diff --git a/frontend/functions/useBaseEditModal.ts b/frontend/functions/useBaseEditModal.ts
index 0bb3125cc3..9ef1681a48 100644
--- a/frontend/functions/useBaseEditModal.ts
+++ b/frontend/functions/useBaseEditModal.ts
@@ -11,7 +11,7 @@ import {GenericForm} from "~/entities/Forms.ts";
 export type ModalFormTemplateRef = InstanceType<typeof ModalForm> | null;
 
 export interface BaseEditModalProps {
-    createUrl: string
+    createUrl?: string
 }
 
 export interface BaseEditModalEmits {
diff --git a/frontend/functions/useChart.ts b/frontend/functions/useChart.ts
index 0b70049c1d..d0b9258ae7 100644
--- a/frontend/functions/useChart.ts
+++ b/frontend/functions/useChart.ts
@@ -1,7 +1,11 @@
-import {Chart, registerables, ChartConfiguration,
+import {
+    Chart,
+    ChartConfiguration,
     ChartConfigurationCustomTypesPerDataset,
     ChartType,
-    DefaultDataPoint} from "chart.js";
+    DefaultDataPoint,
+    registerables
+} from "chart.js";
 import {defaultsDeep} from "lodash";
 import {computed, isRef, MaybeRef, onMounted, onUnmounted, Ref, toRef, toValue, watch} from "vue";
 import zoomPlugin from 'chartjs-plugin-zoom';
@@ -9,6 +13,7 @@ import chartjsColorSchemes from "~/vendor/chartjs_colorschemes.ts";
 
 import 'chartjs-adapter-luxon';
 import '~/vendor/luxon';
+import {reactiveComputed} from "@vueuse/core";
 
 Chart.register(...registerables);
 
@@ -55,13 +60,14 @@ export default function useChart<
 ): {
     $chart: Chart<TType, TData, TLabel> | null
 } {
-    const props: ChartProps = {
-        options: {},
-        data: [],
-        alt: [],
-        aspectRatio: 2,
-        ...initialProps
-    };
+    const props = reactiveComputed(() => (
+        {
+            data: [],
+            alt: [],
+            aspectRatio: 2,
+            ...initialProps
+        }
+    )) as ChartProps<TType, TData, TLabel>;
 
     let $chart = null;
 
diff --git a/frontend/functions/useNowPlaying.ts b/frontend/functions/useNowPlaying.ts
index 6452ad8eb9..79c2709eb9 100644
--- a/frontend/functions/useNowPlaying.ts
+++ b/frontend/functions/useNowPlaying.ts
@@ -1,6 +1,6 @@
 import NowPlaying from '~/entities/NowPlaying';
 import {computed, onMounted, Ref, ref, ShallowRef, shallowRef, watch} from "vue";
-import {useEventSource, useIntervalFn} from "@vueuse/core";
+import {reactiveComputed, useEventSource, useIntervalFn} from "@vueuse/core";
 import {ApiNowPlaying} from "~/entities/ApiInterfaces.ts";
 import {getApiUrl} from "~/router.ts";
 import {useAxios} from "~/vendor/axios.ts";
@@ -20,11 +20,11 @@ interface SsePayload {
 }
 
 export default function useNowPlaying(initialProps: NowPlayingProps) {
-    const props = {
+    const props = reactiveComputed(() => ({
         useStatic: false,
         useSse: false,
         ...initialProps
-    };
+    }));
 
     const np: ShallowRef<ApiNowPlaying> = shallowRef(NowPlaying);
     const npTimestamp: Ref<number> = ref(0);
diff --git a/frontend/functions/useVuelidateOnForm.ts b/frontend/functions/useVuelidateOnForm.ts
index 9ddbdc9cc8..9943ef4b06 100644
--- a/frontend/functions/useVuelidateOnForm.ts
+++ b/frontend/functions/useVuelidateOnForm.ts
@@ -7,17 +7,17 @@ import {Ref} from "vue-demi";
 import {GenericForm} from "~/entities/Forms.ts";
 
 type ValidationFunc<T extends GenericForm = GenericForm> = (options: GlobalConfig) => ValidationArgs<T>
-type BlankFormFunc<T extends GenericForm = GenericForm> = (options: GlobalConfig) => Partial<T>
+type BlankFormFunc<T extends GenericForm = GenericForm> = (options: GlobalConfig) => T
 
 export type VuelidateValidations<T extends GenericForm = GenericForm> = ValidationArgs<T> | ValidationFunc<T>
-export type VuelidateBlankForm<T extends GenericForm = GenericForm> = MaybeRef<Partial<T>> | BlankFormFunc<T>
+export type VuelidateBlankForm<T extends GenericForm = GenericForm> = MaybeRef<T> | BlankFormFunc<T>
 
 export type VuelidateObject<T extends GenericForm = GenericForm> = Validation<ValidationArgs<T>, T>
 export type VuelidateRef<T extends GenericForm = GenericForm> = Ref<VuelidateObject<T>>
 
 export function useVuelidateOnForm<T extends GenericForm = GenericForm>(
-    validations: Partial<VuelidateValidations<T>> = {},
-    blankForm: VuelidateBlankForm<T> = {},
+    validations: VuelidateValidations<T>,
+    blankForm: VuelidateBlankForm<T>,
     options: GlobalConfig = {}
 ): {
     form: Ref<T>,
@@ -56,7 +56,7 @@ export function useVuelidateOnForm<T extends GenericForm = GenericForm>(
         ? validations(options)
         : validations;
 
-    const v$ = useVuelidate(parsedValidations, form, options) as VuelidateRef<T>;
+    const v$ = useVuelidate(parsedValidations, form, options);
 
     const resetForm = () => {
         reset();
diff --git a/frontend/functions/useVuelidateOnFormTab.ts b/frontend/functions/useVuelidateOnFormTab.ts
index a797fa80d9..e7c7c8b9e9 100644
--- a/frontend/functions/useVuelidateOnFormTab.ts
+++ b/frontend/functions/useVuelidateOnFormTab.ts
@@ -1,5 +1,5 @@
 import useVuelidate, {GlobalConfig, ValidationArgs} from "@vuelidate/core";
-import {computed, ComputedRef, WritableComputedRef} from "vue";
+import {computed, ComputedRef, Ref, WritableComputedRef} from "vue";
 import {useEventBus, useVModel} from "@vueuse/core";
 import {GenericForm} from "~/entities/Forms.ts";
 import {VuelidateRef} from "~/functions/useVuelidateOnForm.ts";
@@ -13,22 +13,23 @@ export interface FormTabEmits<T extends GenericForm = GenericForm> {
 }
 
 export function useVuelidateOnFormTab<
-    T extends GenericForm = GenericForm
+    ParentForm extends GenericForm = GenericForm,
+    TabForm extends GenericForm = GenericForm
 >(
-    props: FormTabProps<T>,
-    emit: FormTabEmits<T>,
-    validations: ValidationArgs<T>,
-    blankForm: Partial<T> = {},
+    props: FormTabProps<ParentForm>,
+    emit: FormTabEmits<ParentForm>,
+    validations: Ref<ValidationArgs<TabForm>> | ValidationArgs<TabForm>,
+    blankForm: TabForm,
     vuelidateOptions: GlobalConfig = {}
 ): {
-    form: WritableComputedRef<T>,
-    v$: VuelidateRef<T>,
+    form: WritableComputedRef<ParentForm>,
+    v$: VuelidateRef<TabForm>,
     isValid: ComputedRef<boolean>,
     tabClass: ComputedRef<string | null>
 } {
     const form = useVModel(props, 'form', emit);
 
-    const v$ = useVuelidate(validations, form, vuelidateOptions);
+    const v$ = useVuelidate(validations, form as unknown as WritableComputedRef<TabForm>, vuelidateOptions);
 
     const isValid = computed(() => {
         return !v$.value.$invalid;
@@ -44,7 +45,7 @@ export function useVuelidateOnFormTab<
     // Register event listener for blankForm building.
     const formEventBus = useEventBus('form_tabs');
 
-    formEventBus.on((addToForm: (blankForm: Partial<T>) => void) => {
+    formEventBus.on((addToForm: (blankForm: TabForm) => void) => {
         addToForm(blankForm);
     });
 
diff --git a/frontend/vendor/gettext.ts b/frontend/vendor/gettext.ts
index f523c92485..98a2739419 100644
--- a/frontend/vendor/gettext.ts
+++ b/frontend/vendor/gettext.ts
@@ -16,6 +16,7 @@ export async function installTranslate(vueApp: App): Promise<void> {
 
     gettext = createGettext({
         defaultLanguage: locale,
+        // @ts-expect-error TS can't analyze the Vite meta
         translations: (localePath in translations) ?
             await translations[localePath]()
             : {},
diff --git a/package-lock.json b/package-lock.json
index e1651107cc..964ed92176 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -36,7 +36,7 @@
         "nprogress": "^0.2.0",
         "qrcode": "^1.5.3",
         "roboto-fontface": "^0.10.0",
-        "typescript": "^5.3.2",
+        "typescript": "^5.7.3",
         "vue": "^3.5",
         "vue-axios": "^3.5",
         "vue-codemirror6": "^1.3.8",
@@ -74,6 +74,20 @@
         "vue-tsc": "^2"
       }
     },
+    "node_modules/@asamuzakjp/css-color": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/@asamuzakjp/css-color/-/css-color-2.8.3.tgz",
+      "integrity": "sha512-GIc76d9UI1hCvOATjZPyHFmE5qhRccp3/zGfMPapK3jBi+yocEzp6BBB0UnfRYP9NP4FANqUZYb0hnfs3TM3hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/css-calc": "^2.1.1",
+        "@csstools/css-color-parser": "^3.0.7",
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3",
+        "lru-cache": "^10.4.3"
+      }
+    },
     "node_modules/@babel/code-frame": {
       "version": "7.26.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
@@ -107,12 +121,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
-      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.5.tgz",
+      "integrity": "sha512-SRJ4jYmXRqV1/Xc+TIVG84WjHBXKlxO9sHQnA2Pf12QQEAp1LOh6kDzNHXcUnbH1QI0FDoPPVOt+vyUDucxpaw==",
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.26.3"
+        "@babel/types": "^7.26.5"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -122,9 +136,9 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
-      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.5.tgz",
+      "integrity": "sha512-L6mZmwFDK6Cjh1nRCLXpa6no13ZIioJDz7mdkzHv399pThrTa/k0nUlNaenOeh2kWu/iaOQYElEpKPUswUa9Vg==",
       "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.25.9",
@@ -147,9 +161,9 @@
       }
     },
     "node_modules/@codemirror/commands": {
-      "version": "6.7.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.7.1.tgz",
-      "integrity": "sha512-llTrboQYw5H4THfhN4U3qCnSZ1SOJ60ohhz+SzU0ADGtwlc533DtklQP0vSFaQuCPDn3BPpOd1GbbnUtwNjsrw==",
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.0.tgz",
+      "integrity": "sha512-q8VPEFaEP4ikSlt6ZxjB3zW72+7osfAYW9i8Zu943uqbKuz6utc1+F170hyLUCUltXORjQXRyYQNfkckzA/bPQ==",
       "license": "MIT",
       "dependencies": {
         "@codemirror/language": "^6.0.0",
@@ -240,18 +254,18 @@
       }
     },
     "node_modules/@codemirror/state": {
-      "version": "6.5.0",
-      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.0.tgz",
-      "integrity": "sha512-MwBHVK60IiIHDcoMet78lxt6iw5gJOGSbNbOIVBHWVXIH4/Nq1+GQgLLGgI1KlnN86WDXsPudVaqYHKBIx7Eyw==",
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.1.tgz",
+      "integrity": "sha512-3rA9lcwciEB47ZevqvD8qgbzhM9qMb8vCcQCNmDfVRPQG4JT9mSb0Jg8H7YjKGGQcFnLN323fj9jdnG59Kx6bg==",
       "license": "MIT",
       "dependencies": {
         "@marijn/find-cluster-break": "^1.0.0"
       }
     },
     "node_modules/@codemirror/view": {
-      "version": "6.36.1",
-      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.36.1.tgz",
-      "integrity": "sha512-miD1nyT4m4uopZaDdO2uXU/LLHliKNYL9kB1C1wJHrunHLm/rpkb5QVSokqgw9hFqEZakrdlb/VGWX8aYZTslQ==",
+      "version": "6.36.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.36.2.tgz",
+      "integrity": "sha512-DZ6ONbs8qdJK0fdN7AB82CgI6tYXf4HWk1wSVa0+9bhVznCuuvhQtX8bFBoy3dv8rZSQqUd8GvhVAcielcidrA==",
       "license": "MIT",
       "dependencies": {
         "@codemirror/state": "^6.5.0",
@@ -259,6 +273,121 @@
         "w3c-keyname": "^2.2.4"
       }
     },
+    "node_modules/@csstools/color-helpers": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-5.0.1.tgz",
+      "integrity": "sha512-MKtmkA0BX87PKaO1NFRTFH+UnkgnmySQOvNxJubsadusqPEC2aJ9MOQiMceZJJ6oitUl/i0L6u0M1IrmAOmgBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT-0",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-2.1.1.tgz",
+      "integrity": "sha512-rL7kaUnTkL9K+Cvo2pnCieqNpTKgQzy5f+N+5Iuko9HAoasP+xgprVh7KN/MaJVvVL1l0EzQq2MoqBHKSrDrag==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-3.0.7.tgz",
+      "integrity": "sha512-nkMp2mTICw32uE5NN+EsJ4f5N+IGFeCFu4bGpiKgb2Pq/7J/MpyLBeQ5ry4KKtRFZaYs6sTmcMYrSRIyj5DFKA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "@csstools/color-helpers": "^5.0.1",
+        "@csstools/css-calc": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^3.0.4",
+        "@csstools/css-tokenizer": "^3.0.3"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz",
+      "integrity": "sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^3.0.3"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz",
+      "integrity": "sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.24.2",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.2.tgz",
@@ -703,19 +832,6 @@
         "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/@eslint-community/regexpp": {
       "version": "4.12.1",
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
@@ -741,10 +857,34 @@
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
+    "node_modules/@eslint/config-array/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@eslint/core": {
-      "version": "0.9.1",
-      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.9.1.tgz",
-      "integrity": "sha512-GuUdqkyyzQI5RMIWkHhvTWLCyLo1jNK3vzkSyaExH5kHPDHcuL2VOpHjmMY+y3+NC69qAKToBqldTBgYeLSr9Q==",
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.10.0.tgz",
+      "integrity": "sha512-gFHJ+xBOo4G3WRlR1e/3G8A6/KZAH6zcE/hkLRCZTi/B9avAG365QhFA8uOGzTMqgTghpn7/fSnscW++dpMSAw==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
@@ -778,10 +918,34 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/@eslint/js": {
-      "version": "9.17.0",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.17.0.tgz",
-      "integrity": "sha512-Sxc4hqcs1kTu0iID3kcZDW3JHq2a77HO9P8CP6YEA/FpH3Ll8UXE2r/86Rz9YJLKme39S9vU5OWNjC6Xl0Cr3w==",
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.18.0.tgz",
+      "integrity": "sha512-fK6L7rxcq6/z+AaQMtiFTkvbHkBLNlwyRxHpKawP0x3u9+NC6MQTnFW+AdpwC6gfHTW0051cokQgtTN2FqlxQA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -799,12 +963,13 @@
       }
     },
     "node_modules/@eslint/plugin-kit": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.4.tgz",
-      "integrity": "sha512-zSkKow6H5Kdm0ZUQUB2kV5JIXqoG0+uH5YADhaEHswm664N9Db8dXSi0nMJpacpMf+MyyglF1vnZohpEg5yUtg==",
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.5.tgz",
+      "integrity": "sha512-lB05FkqEdUg2AA0xEbUz0SnkXT1LcCTa438W4IWTUh4hdOnVbQyOJ81OrDXsJk/LSiJHubgGEFoR5EHq1NsH1A==",
       "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
+        "@eslint/core": "^0.10.0",
         "levn": "^0.4.1"
       },
       "engines": {
@@ -1801,9 +1966,9 @@
       "license": "MIT"
     },
     "node_modules/@types/node": {
-      "version": "22.10.5",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.5.tgz",
-      "integrity": "sha512-F8Q+SeGimwOo86fiovQh8qiXfFEh2/ocYv7tU5pJ3EXMSSxk1Joj5wefpFK2fHTf/N6HKGSxIDBT9f3gCxXPkQ==",
+      "version": "22.10.7",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.7.tgz",
+      "integrity": "sha512-V09KvXxFiutGp6B7XkpaDXlNadZxrzajcY50EuoLIpQ6WWYCSvf19lVIazzfIzQvhUN2HjX12spLojTnhuKlGg==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.20.0"
@@ -1845,17 +2010,17 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.19.1.tgz",
-      "integrity": "sha512-tJzcVyvvb9h/PB96g30MpxACd9IrunT7GF9wfA9/0TJ1LxGOJx1TdPzSbBBnNED7K9Ka8ybJsnEpiXPktolTLg==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.20.0.tgz",
+      "integrity": "sha512-naduuphVw5StFfqp4Gq4WhIBE2gN1GEmMUExpJYknZJdRnc+2gDzB8Z3+5+/Kv33hPQRDGzQO/0opHE72lZZ6A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.19.1",
-        "@typescript-eslint/type-utils": "8.19.1",
-        "@typescript-eslint/utils": "8.19.1",
-        "@typescript-eslint/visitor-keys": "8.19.1",
+        "@typescript-eslint/scope-manager": "8.20.0",
+        "@typescript-eslint/type-utils": "8.20.0",
+        "@typescript-eslint/utils": "8.20.0",
+        "@typescript-eslint/visitor-keys": "8.20.0",
         "graphemer": "^1.4.0",
         "ignore": "^5.3.1",
         "natural-compare": "^1.4.0",
@@ -1875,16 +2040,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.19.1.tgz",
-      "integrity": "sha512-67gbfv8rAwawjYx3fYArwldTQKoYfezNUT4D5ioWetr/xCrxXxvleo3uuiFuKfejipvq+og7mjz3b0G2bVyUCw==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.20.0.tgz",
+      "integrity": "sha512-gKXG7A5HMyjDIedBi6bUrDcun8GIjnI8qOwVLiY3rx6T/sHP/19XLJOnIq/FgQvWLHja5JN/LSE7eklNBr612g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.19.1",
-        "@typescript-eslint/types": "8.19.1",
-        "@typescript-eslint/typescript-estree": "8.19.1",
-        "@typescript-eslint/visitor-keys": "8.19.1",
+        "@typescript-eslint/scope-manager": "8.20.0",
+        "@typescript-eslint/types": "8.20.0",
+        "@typescript-eslint/typescript-estree": "8.20.0",
+        "@typescript-eslint/visitor-keys": "8.20.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -1900,14 +2065,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.19.1.tgz",
-      "integrity": "sha512-60L9KIuN/xgmsINzonOcMDSB8p82h95hoBfSBtXuO4jlR1R9L1xSkmVZKgCPVfavDlXihh4ARNjXhh1gGnLC7Q==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.20.0.tgz",
+      "integrity": "sha512-J7+VkpeGzhOt3FeG1+SzhiMj9NzGD/M6KoGn9f4dbz3YzK9hvbhVTmLj/HiTp9DazIzJ8B4XcM80LrR9Dm1rJw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.19.1",
-        "@typescript-eslint/visitor-keys": "8.19.1"
+        "@typescript-eslint/types": "8.20.0",
+        "@typescript-eslint/visitor-keys": "8.20.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -1918,14 +2083,14 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.19.1.tgz",
-      "integrity": "sha512-Rp7k9lhDKBMRJB/nM9Ksp1zs4796wVNyihG9/TU9R6KCJDNkQbc2EOKjrBtLYh3396ZdpXLtr/MkaSEmNMtykw==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.20.0.tgz",
+      "integrity": "sha512-bPC+j71GGvA7rVNAHAtOjbVXbLN5PkwqMvy1cwGeaxUoRQXVuKCebRoLzm+IPW/NtFFpstn1ummSIasD5t60GA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/typescript-estree": "8.19.1",
-        "@typescript-eslint/utils": "8.19.1",
+        "@typescript-eslint/typescript-estree": "8.20.0",
+        "@typescript-eslint/utils": "8.20.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.0.0"
       },
@@ -1942,9 +2107,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.19.1.tgz",
-      "integrity": "sha512-JBVHMLj7B1K1v1051ZaMMgLW4Q/jre5qGK0Ew6UgXz1Rqh+/xPzV1aW581OM00X6iOfyr1be+QyW8LOUf19BbA==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.20.0.tgz",
+      "integrity": "sha512-cqaMiY72CkP+2xZRrFt3ExRBu0WmVitN/rYPZErA80mHjHx/Svgp8yfbzkJmDoQ/whcytOPO9/IZXnOc+wigRA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1956,14 +2121,14 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.19.1.tgz",
-      "integrity": "sha512-jk/TZwSMJlxlNnqhy0Eod1PNEvCkpY6MXOXE/WLlblZ6ibb32i2We4uByoKPv1d0OD2xebDv4hbs3fm11SMw8Q==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.20.0.tgz",
+      "integrity": "sha512-Y7ncuy78bJqHI35NwzWol8E0X7XkRVS4K4P4TCyzWkOJih5NDvtoRDW4Ba9YJJoB2igm9yXDdYI/+fkiiAxPzA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.19.1",
-        "@typescript-eslint/visitor-keys": "8.19.1",
+        "@typescript-eslint/types": "8.20.0",
+        "@typescript-eslint/visitor-keys": "8.20.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -1982,43 +2147,17 @@
         "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/@typescript-eslint/typescript-estree/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,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.19.1.tgz",
-      "integrity": "sha512-IxG5gLO0Ne+KaUc8iW1A+XuKLd63o4wlbI1Zp692n1xojCl/THvgIKXJXBZixTh5dd5+yTJ/VXH7GJaaw21qXA==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.20.0.tgz",
+      "integrity": "sha512-dq70RUw6UK9ei7vxc4KQtBRk7qkHZv447OUZ6RPQMQl71I3NZxQJX/f32Smr+iqWrB02pHKn2yAdHBb0KNrRMA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
-        "@typescript-eslint/scope-manager": "8.19.1",
-        "@typescript-eslint/types": "8.19.1",
-        "@typescript-eslint/typescript-estree": "8.19.1"
+        "@typescript-eslint/scope-manager": "8.20.0",
+        "@typescript-eslint/types": "8.20.0",
+        "@typescript-eslint/typescript-estree": "8.20.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -2033,13 +2172,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.19.1.tgz",
-      "integrity": "sha512-fzmjU8CHK853V/avYZAvuVut3ZTfwN5YtMaoi+X9Y9MA9keaWNHC3zEQ9zvyX/7Hj+5JkNyK1l7TOR2hevHB6Q==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.20.0.tgz",
+      "integrity": "sha512-v/BpkeeYAsPkKCkR8BDwcno0llhzWVqPOamQrAEMdpZav2Y9OVjd9dwJyBLJWwf335B5DmlifECIkZRJCaGaHA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.19.1",
+        "@typescript-eslint/types": "8.20.0",
         "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
@@ -2050,6 +2189,19 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.2.1",
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz",
@@ -2161,14 +2313,15 @@
       "license": "MIT"
     },
     "node_modules/@vue/eslint-config-typescript": {
-      "version": "14.2.0",
-      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.2.0.tgz",
-      "integrity": "sha512-JJ4wHuTJa2faQsBOUeWzuHOSFizVS7RWG2eH2noABk2LcT4wVcTOMZKM/lFobKBcgwADIPAKVRGFHVKooXImoA==",
+      "version": "14.3.0",
+      "resolved": "https://registry.npmjs.org/@vue/eslint-config-typescript/-/eslint-config-typescript-14.3.0.tgz",
+      "integrity": "sha512-bOreIxlSC/xsUdhDdKIHb1grwJah+IokNeJ50LqA1StdOHeSPUxSIPNxyKgRx4YdjhyzC6TKtrCf6yYK99x3Uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fast-glob": "^3.3.2",
-        "typescript-eslint": "^8.18.1",
+        "@typescript-eslint/utils": "^8.20.0",
+        "fast-glob": "^3.3.3",
+        "typescript-eslint": "^8.20.0",
         "vue-eslint-parser": "^9.4.3"
       },
       "engines": {
@@ -2210,32 +2363,6 @@
         }
       }
     },
-    "node_modules/@vue/language-core/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,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/@vue/language-core/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/@vue/reactivity": {
       "version": "3.5.13",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
@@ -2375,9 +2502,9 @@
       }
     },
     "node_modules/@vuepic/vue-datepicker": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-11.0.0.tgz",
-      "integrity": "sha512-BPy6gplYA3su2n1LB5PPF5YEeV/Qd2e4IjdyGtxSVlhKfUvjgEGZiG3O1va4GQtMtmt1S2uAH7sFkKxnqpBaKA==",
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-11.0.1.tgz",
+      "integrity": "sha512-xtGbgZAftBiU1H8pwM54vOCutLzEHsHiolRuDn+memTjqpfzT0x1Ml1tykJ53PLvdkCTyb6sB+1muv5Gsd4nQA==",
       "license": "MIT",
       "dependencies": {
         "date-fns": "^4.1.0"
@@ -2390,14 +2517,14 @@
       }
     },
     "node_modules/@vueuse/core": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.3.0.tgz",
-      "integrity": "sha512-cnV8QDKZrsyKC7tWjPbeEUz2cD9sa9faxF2YkR8QqNwfofgbOhmfIgvSYmkp+ttSvfOw4E6hLcQx15mRPr0yBA==",
+      "version": "12.4.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-12.4.0.tgz",
+      "integrity": "sha512-XnjQYcJwCsyXyIafyA6SvyN/OBtfPnjvJmbxNxQjCcyWD198urwm5TYvIUUyAxEAN0K7HJggOgT15cOlWFyLeA==",
       "license": "MIT",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "12.3.0",
-        "@vueuse/shared": "12.3.0",
+        "@vueuse/metadata": "12.4.0",
+        "@vueuse/shared": "12.4.0",
         "vue": "^3.5.13"
       },
       "funding": {
@@ -2405,18 +2532,18 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.3.0.tgz",
-      "integrity": "sha512-M/iQHHjMffOv2npsw2ihlUx1CTiBwPEgb7DzByLq7zpg1+Ke8r7s9p5ybUWc5OIeGewtpY4Xy0R2cKqFqM8hFg==",
+      "version": "12.4.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-12.4.0.tgz",
+      "integrity": "sha512-AhPuHs/qtYrKHUlEoNO6zCXufu8OgbR8S/n2oMw1OQuBQJ3+HOLQ+EpvXs+feOlZMa0p8QVvDWNlmcJJY8rW2g==",
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/shared": {
-      "version": "12.3.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.3.0.tgz",
-      "integrity": "sha512-X3YD35GUeW0d5Gajcwv9jdLAJTV2Jdb/Ll6Ii2JIYcKLYZqv5wxyLeKtiQkqWmHg3v0J0ZWjDUMVOw2E7RCXfA==",
+      "version": "12.4.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-12.4.0.tgz",
+      "integrity": "sha512-9yLgbHVIF12OSCojnjTIoZL1+UA10+O4E1aD6Hpfo/DKVm5o3SZIwz6CupqGy3+IcKI8d6Jnl26EQj/YucnW0Q==",
       "license": "MIT",
       "dependencies": {
         "vue": "^3.5.13"
@@ -2476,9 +2603,9 @@
       }
     },
     "node_modules/alien-signals": {
-      "version": "0.4.12",
-      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.4.12.tgz",
-      "integrity": "sha512-Og0PgAihxlp1R22bsoBsyhhMG4+qhU+fkkLPoGBQkYVc3qt9rYnrwYTf+M6kqUqUZpf3rXDnpL90iKa0QcSVVg==",
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-0.4.14.tgz",
+      "integrity": "sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==",
       "dev": true,
       "license": "MIT"
     },
@@ -2580,13 +2707,12 @@
       }
     },
     "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
       "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
+        "balanced-match": "^1.0.0"
       }
     },
     "node_modules/braces": {
@@ -2795,23 +2921,14 @@
       }
     },
     "node_modules/codemirror-lang-liquidsoap/node_modules/@types/node": {
-      "version": "20.17.12",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.12.tgz",
-      "integrity": "sha512-vo/wmBgMIiEA23A/knMfn/cf37VnuF52nZh5ZoW0GWt4e4sxNquibrMRJ7UQsA06+MBx9r/H1jsI9grYjQCQlw==",
+      "version": "20.17.14",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.14.tgz",
+      "integrity": "sha512-w6qdYetNL5KRBiSClK/KWai+2IMEJuAj+EujKCumalFOwXtvOXaEan9AuwcRID2IcOIAWSIfR495hBtgKlx2zg==",
       "license": "MIT",
       "dependencies": {
         "undici-types": "~6.19.2"
       }
     },
-    "node_modules/codemirror-lang-liquidsoap/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==",
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
     "node_modules/codemirror-lang-liquidsoap/node_modules/glob": {
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
@@ -2847,27 +2964,6 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
-    "node_modules/codemirror-lang-liquidsoap/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC"
-    },
-    "node_modules/codemirror-lang-liquidsoap/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/codemirror-lang-liquidsoap/node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
@@ -2942,9 +3038,9 @@
       "license": "MIT"
     },
     "node_modules/consola": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/consola/-/consola-3.3.3.tgz",
-      "integrity": "sha512-Qil5KwghMzlqd51UXM0b6fyaGHtOC22scxrwrz4A2882LyUMwQjnvaedN1HAeXzphspQ6CpHkzMAWxBTUruDLg==",
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.0.tgz",
+      "integrity": "sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3017,18 +3113,26 @@
       }
     },
     "node_modules/cssstyle": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.1.0.tgz",
-      "integrity": "sha512-h66W1URKpBS5YMI/V8PyXvTMFT8SupJ1IzoIV8IeBC/ji8WVmrO8dGlTi+2dh6whmdk6BiKJLD/ZBkhWbcg6nA==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.2.1.tgz",
+      "integrity": "sha512-9+vem03dMXG7gDmZ62uqmRiMRNtinIZ9ZyuF6BdxzfOD+FdN5hretzynkn0ReS2DO2GSw76RWHs0UmJPI2zUjw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "rrweb-cssom": "^0.7.1"
+        "@asamuzakjp/css-color": "^2.8.2",
+        "rrweb-cssom": "^0.8.0"
       },
       "engines": {
         "node": ">=18"
       }
     },
+    "node_modules/cssstyle/node_modules/rrweb-cssom": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz",
+      "integrity": "sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
@@ -3278,19 +3382,19 @@
       }
     },
     "node_modules/eslint": {
-      "version": "9.17.0",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.17.0.tgz",
-      "integrity": "sha512-evtlNcpJg+cZLcnVKwsai8fExnqjGPicK7gnUtlNuzu+Fv9bI0aLpND5T44VLQtoMEnI57LoXO9XAkIXwohKrA==",
+      "version": "9.18.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.18.0.tgz",
+      "integrity": "sha512-+waTfRWQlSbpt3KWE+CjrPPYnbq9kfZIYUqapc0uBXyjTp8aYXZDsUH16m39Ryq3NjAVP4tjuF7KaukeqoCoaA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.12.1",
         "@eslint/config-array": "^0.19.0",
-        "@eslint/core": "^0.9.0",
+        "@eslint/core": "^0.10.0",
         "@eslint/eslintrc": "^3.2.0",
-        "@eslint/js": "9.17.0",
-        "@eslint/plugin-kit": "^0.2.3",
+        "@eslint/js": "9.18.0",
+        "@eslint/plugin-kit": "^0.2.5",
         "@humanfs/node": "^0.16.6",
         "@humanwhocodes/module-importer": "^1.0.1",
         "@humanwhocodes/retry": "^0.4.1",
@@ -3394,6 +3498,30 @@
       }
     },
     "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
       "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
@@ -3406,6 +3534,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/espree": {
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
@@ -3424,6 +3565,19 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
@@ -3731,6 +3885,16 @@
         "node": ">=6"
       }
     },
+    "node_modules/gettext-extractor/node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
     "node_modules/gettext-extractor/node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -3752,6 +3916,18 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/gettext-extractor/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/gettext-extractor/node_modules/parse5": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
@@ -3764,9 +3940,9 @@
       "integrity": "sha512-Vy9eH1dRD9wHjYt/QqXcTz+RnX/zg53xK+KljFSX30PvdDMb2z+c6uDUeblUGqqJgz3QFsdlA0IJvHziPmWtQg=="
     },
     "node_modules/glob": {
-      "version": "11.0.0",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.0.tgz",
-      "integrity": "sha512-9UiX/Bl6J2yaBbxKoEBRm4Cipxgok8kQYcOPEhScPwebu2I0HoQOuYdIO6S3hLuWoZgpDpwQZMzTFxgpkyT76g==",
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-11.0.1.tgz",
+      "integrity": "sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==",
       "dev": true,
       "license": "ISC",
       "dependencies": {
@@ -3800,16 +3976,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/glob/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,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
     "node_modules/glob/node_modules/minimatch": {
       "version": "10.0.1",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.0.1.tgz",
@@ -3896,9 +4062,9 @@
       }
     },
     "node_modules/hls.js": {
-      "version": "1.5.18",
-      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.5.18.tgz",
-      "integrity": "sha512-znxR+2jecWluu/0KOBqUcvVyAB5tLff10vjMGrpAlz1eFY+ZhF1bY3r82V+Bk7WJdk03iTjtja9KFFz5BrqjSA==",
+      "version": "1.5.19",
+      "resolved": "https://registry.npmjs.org/hls.js/-/hls.js-1.5.19.tgz",
+      "integrity": "sha512-C020dKWEJcyvLnrqsFKW4q6D/6IEzKWdhktIS5bgoyEFE8lHgrFBq4RIngdy113abJOlIruhv8qjg7UX8hwxOw==",
       "license": "Apache-2.0"
     },
     "node_modules/html-encoding-sniffer": {
@@ -4299,14 +4465,10 @@
       "license": "MIT"
     },
     "node_modules/lru-cache": {
-      "version": "11.0.2",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.2.tgz",
-      "integrity": "sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "20 || >=22"
-      }
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
     },
     "node_modules/luxon": {
       "version": "3.5.0",
@@ -4372,15 +4534,18 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "license": "ISC",
       "dependencies": {
-        "brace-expansion": "^1.1.7"
+        "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/minimist": {
@@ -4961,6 +5126,16 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "11.0.2",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.0.2.tgz",
+      "integrity": "sha512-123qHRfJBmo2jXDbo/a5YOQrJoHF/GNQTLzQ5+IdK5pWpceK17yRc6ozlWd25FxvGKQbIUs91fDFkXmDHTKcyA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "20 || >=22"
+      }
+    },
     "node_modules/path-type": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-5.0.0.tgz",
@@ -5009,9 +5184,9 @@
       "license": "MIT"
     },
     "node_modules/postcss": {
-      "version": "8.4.49",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.1.tgz",
+      "integrity": "sha512-6oz2beyjc5VMn/KV1pPw8fliQkhBXrVn1Z3TVyqZxU8kZpzEKhBdmCFqI6ZbmGtamQvQGuU1sgPTk8ZrXDD7jQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -5028,7 +5203,7 @@
       ],
       "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.7",
+        "nanoid": "^3.3.8",
         "picocolors": "^1.1.1",
         "source-map-js": "^1.2.1"
       },
@@ -5141,13 +5316,13 @@
       "license": "MIT"
     },
     "node_modules/readdirp": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
-      "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.1.tgz",
+      "integrity": "sha512-h80JrZu/MHUZCyHu5ciuoI0+WxsCxzxJTILn6Fs8rxSnFPh+UVHYfeIxK1nVGugMqkfC4vJcBOYbkfkwYK0+gw==",
       "dev": true,
       "license": "MIT",
       "engines": {
-        "node": ">= 14.16.0"
+        "node": ">= 14.18.0"
       },
       "funding": {
         "type": "individual",
@@ -5283,9 +5458,9 @@
       "license": "MIT"
     },
     "node_modules/sass": {
-      "version": "1.83.1",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.1.tgz",
-      "integrity": "sha512-EVJbDaEs4Rr3F0glJzFSOvtg2/oy2V/YrGFPqPY24UqcLDWcI9ZY5sN+qyO3c/QCZwzgfirvhXvINiJCE/OLcA==",
+      "version": "1.83.4",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.4.tgz",
+      "integrity": "sha512-B1bozCeNQiOgDcLd33e2Cs2U60wZwjUUXzh900ZyQF5qUasvMdDZYbQ566LJu7cqR+sAHlAfO6RMkaID5s6qpA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -5796,22 +5971,22 @@
       "license": "MIT"
     },
     "node_modules/tldts": {
-      "version": "6.1.71",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.71.tgz",
-      "integrity": "sha512-LQIHmHnuzfZgZWAf2HzL83TIIrD8NhhI0DVxqo9/FdOd4ilec+NTNZOlDZf7EwrTNoutccbsHjvWHYXLAtvxjw==",
+      "version": "6.1.72",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.72.tgz",
+      "integrity": "sha512-QNtgIqSUb9o2CoUjX9T5TwaIvUUJFU1+12PJkgt42DFV2yf9J6549yTF2uGloQsJ/JOC8X+gIB81ind97hRiIQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^6.1.71"
+        "tldts-core": "^6.1.72"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "6.1.71",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.71.tgz",
-      "integrity": "sha512-LRbChn2YRpic1KxY+ldL1pGXN/oVvKfCVufwfVzEQdFYNo39uF7AJa/WXdo+gYO7PTvdfkCPCed6Hkvz/kR7jg==",
+      "version": "6.1.72",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.72.tgz",
+      "integrity": "sha512-FW3H9aCaGTJ8l8RVCR3EX8GxsxDbQXuwetwwgXA2chYdsX+NY1ytCBl61narjjehWmCw92tc1AxlcY3668CU8g==",
       "dev": true,
       "license": "MIT"
     },
@@ -5829,9 +6004,9 @@
       }
     },
     "node_modules/tough-cookie": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.0.0.tgz",
-      "integrity": "sha512-FRKsF7cz96xIIeMZ82ehjC3xW2E+O2+v11udrDYewUbszngYhsGa8z6YUMMzO9QJZzzyd0nGGXnML/TReX6W8Q==",
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-5.1.0.tgz",
+      "integrity": "sha512-rvZUv+7MoBYTiDmFPBrhL7Ujx9Sk+q9wwm22x8c8T5IJaR+Wsyc7TNxbVxo84kZoRJZZMazowFLqpankBEQrGg==",
       "dev": true,
       "license": "BSD-3-Clause",
       "dependencies": {
@@ -5894,9 +6069,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.2.tgz",
-      "integrity": "sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==",
+      "version": "5.7.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
+      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
       "license": "Apache-2.0",
       "bin": {
         "tsc": "bin/tsc",
@@ -5907,15 +6082,15 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.19.1",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.19.1.tgz",
-      "integrity": "sha512-LKPUQpdEMVOeKluHi8md7rwLcoXHhwvWp3x+sJkMuq3gGm9yaYJtPo8sRZSblMFJ5pcOGCAak/scKf1mvZDlQw==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.20.0.tgz",
+      "integrity": "sha512-Kxz2QRFsgbWj6Xcftlw3Dd154b3cEPFqQC+qMZrMypSijPd4UanKKvoKDrJ4o8AIfZFKAF+7sMaEIR8mTElozA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.19.1",
-        "@typescript-eslint/parser": "8.19.1",
-        "@typescript-eslint/utils": "8.19.1"
+        "@typescript-eslint/eslint-plugin": "8.20.0",
+        "@typescript-eslint/parser": "8.20.0",
+        "@typescript-eslint/utils": "8.20.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -6128,12 +6303,12 @@
       }
     },
     "node_modules/vue-codemirror6": {
-      "version": "1.3.9",
-      "resolved": "https://registry.npmjs.org/vue-codemirror6/-/vue-codemirror6-1.3.9.tgz",
-      "integrity": "sha512-dNPGV+Lutc/Q3FMxhVH37neNzADPLyTHE2WOz4/7Dibbqvo/CHvx3s1zegxlfLkNVd0rNraTEM8C+Tkq0T5lZw==",
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/vue-codemirror6/-/vue-codemirror6-1.3.10.tgz",
+      "integrity": "sha512-0pWOJArQZ+59JYD7mJL5i1/kVIKwaBqBdJa6bODmVh9rMes+ZZ7GifOZNKydrBU0jTkFX0IYMfqBOgyDt7T/aw==",
       "license": "MIT",
       "dependencies": {
-        "@codemirror/commands": "^6.7.1",
+        "@codemirror/commands": "^6.8.0",
         "@codemirror/language": "^6.10.8",
         "@codemirror/lint": "^6.8.4",
         "@codemirror/state": "^6.5.0",
@@ -6252,19 +6427,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/vue-eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
     "node_modules/vue-eslint-parser/node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -6342,15 +6504,6 @@
         "vue": ">=3.0.0"
       }
     },
-    "node_modules/vue3-gettext/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==",
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
     "node_modules/vue3-gettext/node_modules/glob": {
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
@@ -6386,27 +6539,6 @@
         "@pkgjs/parseargs": "^0.11.0"
       }
     },
-    "node_modules/vue3-gettext/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC"
-    },
-    "node_modules/vue3-gettext/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/vue3-gettext/node_modules/parse5": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
@@ -6459,9 +6591,9 @@
       }
     },
     "node_modules/wavesurfer.js": {
-      "version": "7.8.15",
-      "resolved": "https://registry.npmjs.org/wavesurfer.js/-/wavesurfer.js-7.8.15.tgz",
-      "integrity": "sha512-fWNnQt5BEGzuoJ7HRxfvpT1rOEI1AmCGPZ/+7QDkDVN/m2vIBeLVQ+5vENRMz1YwvZ/u1No0UV492/o8G++KXQ==",
+      "version": "7.8.16",
+      "resolved": "https://registry.npmjs.org/wavesurfer.js/-/wavesurfer.js-7.8.16.tgz",
+      "integrity": "sha512-lhQF42A4Wn7ug5bixaqGK53qWF2minWdXlzxPtLV+QoVH3WgvVSdsP2HBaHRbkfT2Lh67kJG6CquFdukmf95gg==",
       "license": "BSD-3-Clause"
     },
     "node_modules/webidl-conversions": {
diff --git a/package.json b/package.json
index bf0d9988bf..1cb134dea3 100644
--- a/package.json
+++ b/package.json
@@ -39,7 +39,7 @@
     "nprogress": "^0.2.0",
     "qrcode": "^1.5.3",
     "roboto-fontface": "^0.10.0",
-    "typescript": "^5.3.2",
+    "typescript": "^5.7.3",
     "vue": "^3.5",
     "vue-axios": "^3.5",
     "vue-codemirror6": "^1.3.8",