refactor check service open

src/components/ZInput.vue

@@ -23,7 +23,7 @@ const filled = computed(() => props.modelValue.length > 0)
 
 const onInupt = (event: Event) => {
   const target = event.target as HTMLInputElement
-  target.value = target.value.slice(0, 8)
+  target.value = target.value.replace(/^\s*/, '').slice(0, 8)
   emit('update:model-value', target.value)
 }
 

src/pages/home/HomePage.vue

@@ -28,28 +28,21 @@ import title from '../../assets/title-beta.svg'
 import illustration from '../../assets/illustration.svg'
 import ZButton from '../../components/button/ZButton.vue'
 import Footer from '../../components/Footer.vue'
-import {onBeforeUnmount, ref, watch} from 'vue'
+import {onBeforeUnmount, ref} from 'vue'
 import Notice from './_components/Notice.vue'
 import ZInput from '../../components/ZInput.vue'
 import {useRouter} from 'vue-router'
 import {useUserStore} from '../../stores/user.ts'
+import {isOpen} from '../../utils/check-open.ts'
 
 const router = useRouter()
 const userStore = useUserStore()
 
 const closedRef = ref(false)
-const currentTime = ref(new Date())
-const targetTime = new Date('2024-03-17T19:00:00+09:00')
 const interval = setInterval(() => {
-  currentTime.value = new Date()
+  closedRef.value = !isOpen()
 }, 1000)
 
-watch(currentTime, () => {
-  if (currentTime.value > targetTime) {
-    closedRef.value = true
-  }
-})
-
 onBeforeUnmount(() => clearInterval(interval))
 
 const onClickPlay = () => {

src/utils/check-open.ts

@@ -0,0 +1,5 @@
+export const isOpen = () => {
+  const targetTime = new Date('2024-03-17T19:00:00+09:00')
+  const current = new Date()
+  return current < targetTime
+}