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();
}