Fix import errors.

frontend/vue/components/Account/ChangePasswordModal.vue

@@ -32,9 +32,9 @@
 import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup";
 import ModalForm from "~/components/Common/ModalForm";
 import BFormFieldset from "~/components/Form/BFormFieldset";
-import {helpers, required, sameAs} from "@vuelidate/validators";
+import {helpers, required} from "@vuelidate/validators";
 import validatePassword from "~/functions/validatePassword";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {ref} from "vue";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useAxios} from "~/vendor/axios";

frontend/vue/components/Admin/Backups/ConfigureModal.vue

@@ -89,7 +89,7 @@ import objectToFormOptions from "~/functions/objectToFormOptions.js";
 import {computed, ref} from "vue";
 import {useAxios} from "~/vendor/axios";
 import {useNotify} from "~/vendor/bootstrapVue";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 
 const props = defineProps({
     settingsUrl: String,

frontend/vue/components/Admin/Backups/RunBackupModal.vue

@@ -89,7 +89,7 @@ import StreamingLogView from "~/components/Common/StreamingLogView.vue";
 import {computed, ref} from "vue";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useAxios} from "~/vendor/axios";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {BModal} from "bootstrap-vue";
 
 const props = defineProps({

frontend/vue/components/Admin/Branding/BrandingForm.vue

@@ -148,7 +148,7 @@ import {useAxios} from "~/vendor/axios";
 import mergeExisting from "~/functions/mergeExisting";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useTranslate} from "~/vendor/gettext";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 
 const props = defineProps({
   apiUrl: String,

frontend/vue/components/Admin/CustomFields/EditModal.vue

@@ -12,7 +12,7 @@
 import {required} from '@vuelidate/validators';
 import BaseEditModal from '~/components/Common/BaseEditModal.vue';
 import AdminCustomFieldsForm from "~/components/Admin/CustomFields/Form.vue";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {defineComponent} from "vue";
 
 export default defineComponent({

frontend/vue/components/Admin/GeoLite.vue

@@ -90,7 +90,7 @@
 import BWrappedFormGroup from "~/components/Form/BWrappedFormGroup.vue";
 import InfoCard from "~/components/Common/InfoCard.vue";
 import {computed, onMounted, ref} from "vue";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {useSweetAlert} from "~/vendor/sweetalert";
 import {useAxios} from "~/vendor/axios";
 import {useTranslate} from "~/vendor/gettext";

frontend/vue/components/Admin/Settings.vue

@@ -67,7 +67,7 @@ import {useAxios} from "~/vendor/axios";
 import mergeExisting from "~/functions/mergeExisting";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useTranslate} from "~/vendor/gettext";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 
 const props = defineProps({
     apiUrl: String,

frontend/vue/components/Admin/Settings/TestMessageModal.vue

@@ -25,7 +25,7 @@ import {ref} from "vue";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useTranslate} from "~/vendor/gettext";
 import {useAxios} from "~/vendor/axios";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {BModal} from "bootstrap-vue";
 
 const props = defineProps({

frontend/vue/components/Admin/Stations/CloneModal.vue

@@ -16,7 +16,7 @@ import {ref} from "vue";
 import {useTranslate} from "~/vendor/gettext";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useAxios} from "~/vendor/axios";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 
 const emit = defineEmits(['relist']);
 

frontend/vue/components/Admin/Stations/StationForm.vue

@@ -135,7 +135,7 @@ import {computed, ref, watch} from "vue";
 import {useNotify} from "~/vendor/bootstrapVue";
 import {useAxios} from "~/vendor/axios";
 import mergeExisting from "~/functions/mergeExisting";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {isArray, merge, mergeWith} from "lodash";
 
 const props = defineProps({

frontend/vue/components/Admin/StorageLocations/EditModal.vue

@@ -13,7 +13,7 @@ import BaseEditModal from '~/components/Common/BaseEditModal';
 import StorageLocationForm from './Form';
 import useVuelidate from "@vuelidate/core";
 import {computed} from "vue";
-import {useResettableForm} from "~/components/Form/UseResettableForm";
+import {useResettableRef} from "~/functions/useResettableRef";
 
 export default {
     name: 'AdminStorageLocationsEditModal',
@@ -42,7 +42,7 @@ export default {
             'storageQuota': ''
         }
 
-        const {form, resetForm} = useResettableForm(blankForm);
+        const {form, resetForm} = useResettableRef(blankForm);
 
         const validations = computed(() => {
             let validationRules = {

frontend/vue/components/Public/FullPlayer.vue

@@ -36,7 +36,6 @@ import SongHistoryModal from './FullPlayer/SongHistoryModal';
 import RequestModal from './FullPlayer/RequestModal';
 import Icon from '~/components/Common/Icon';
 import RadioPlayer, {radioPlayerProps} from './Player.vue';
-import {useMounted} from "@vueuse/core";
 import {ref} from "vue";
 
 const props = defineProps({

frontend/vue/components/Stations/HlsStreams/EditModal.vue

@@ -12,7 +12,7 @@ import {required} from '@vuelidate/validators';
 import BaseEditModal from '~/components/Common/BaseEditModal';
 import FormBasicInfo from './Form/BasicInfo';
 import mergeExisting from "~/functions/mergeExisting";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 
 export default {
     name: 'EditModal',

frontend/vue/components/Stations/LiquidsoapConfig.vue

@@ -53,7 +53,7 @@ import BFormMarkup from "~/components/Form/BFormMarkup";
 import {forEach} from "lodash";
 import mergeExisting from "~/functions/mergeExisting";
 import InfoCard from "~/components/Common/InfoCard";
-import {useVuelidateOnForm} from "~/components/Form/UseVuelidateOnForm";
+import {useVuelidateOnForm} from "~/components/Form/useVuelidateOnForm";
 import {onMounted, ref} from "vue";
 import {mayNeedRestartProps, useMayNeedRestart} from "~/components/Stations/Common/useMayNeedRestart";
 import {useAxios} from "~/vendor/axios";

frontend/vue/components/Stations/Media.vue

@@ -329,7 +329,7 @@ export default {
         },
         onHashChange() {
             // Handle links from the sidebar for special functions.
-            let urlHash = decodeURIComponent(window.location.hash.substr(1).replace(/\+/g, '%20'));
+            let urlHash = decodeURIComponent(window.location.hash.substring(1).replace(/\+/g, '%20'));
 
             if ('' !== urlHash && this.isFilterString(urlHash)) {
                 window.location.hash = '';