Change url episode query param and update artplayer urls

app/pages/watch.vue

@@ -28,10 +28,10 @@ import { Player } from '~/components/ui/player'
 import { video, type KodikVideoLinks } from '~/openapi/extractor'
 
 const route = useRoute()
-const mediaType = route.query.mediaType
-const mediaId = route.query.mediaId
-const mediaHash = route.query.mediaHash
-const episode = route.query.episode
+const mediaType = computed(() => route.query.mediaType as string)
+const mediaId = computed(() => route.query.mediaId as string)
+const mediaHash = computed(() => route.query.mediaHash as string)
+const episode = computed(() => Number(route.query.episode as string))
 
 const results = ref<KodikVideoLinks | null>(null)
 const isLoading = ref(false)
@@ -39,17 +39,15 @@ const error = ref<unknown>(null)
 const hlsUrls = ref<any>(null)
 
 watchEffect(async () => {
-    if (!mediaType || !mediaId || !mediaHash || !episode) return
-
     try {
         isLoading.value = true
         error.value = null
 
         const videoParams: any = {
-            mediaType: mediaType as string,
-            mediaId: mediaId as string,
-            mediaHash: mediaHash as string,
-            episode: Number(episode as string),
+            mediaType: mediaType.value,
+            mediaId: mediaId.value,
+            mediaHash: mediaHash.value,
+            episode: episode.value,
             quality: '360',
         }