diff --git a/client-v3/src/App.vue b/client-v3/src/App.vue index 1778128d..e2009da2 100644 --- a/client-v3/src/App.vue +++ b/client-v3/src/App.vue @@ -162,21 +162,17 @@ :hide-footer="changingPage" :no-close-on-backdrop="changingPage" :no-close-on-esc="changingPage" - @ok="goToLivePage" + @ok.prevent="goToLivePage" > - - This is a required field, and must be greater than 0. - @@ -188,8 +184,6 @@ import { ref, computed, onMounted, onBeforeUnmount } from 'vue'; import { useRoute, useRouter } from 'vue-router'; import { storeToRefs } from 'pinia'; import type { BModal } from 'bootstrap-vue-next'; -import { useVuelidate } from '@vuelidate/core'; -import { required, minValue } from '@vuelidate/validators'; import log from 'loglevel'; import { toast } from '@/js/toast'; import { useConfirm } from '@/composables/useConfirm'; @@ -231,9 +225,7 @@ const goToPageModal = ref>(); const currentShowSession = computed(() => showStore.currentSession); // Jump-to-page form -const pageInputState = ref({ pageNo: 1 }); -const pageRules = { pageNo: { required, minValue: minValue(1) } }; -const v$ = useVuelidate(pageRules, pageInputState); +const pageInputNo = ref(1); let loadTimer: ReturnType | null = null; @@ -404,9 +396,8 @@ async function handleLogout(): Promise { } async function goToLivePage(): Promise { - const valid = await v$.value.$validate(); - if (!valid) return; - sendObj({ OP: 'LIVE_SHOW_JUMP_TO_PAGE', DATA: { page: pageInputState.value.pageNo } }); + if (!pageInputNo.value || pageInputNo.value < 1) return; + sendObj({ OP: 'LIVE_SHOW_JUMP_TO_PAGE', DATA: { page: pageInputNo.value } }); goToPageModal.value?.hide(); }