From 298f082d9a1aa4f7cd80341323164ef39e489e43 Mon Sep 17 00:00:00 2001
From: Tachibana Shin <tachibshin@duck.com>
Date: Sat, 22 Apr 2023 06:20:57 +0000
Subject: [PATCH 1/2] fix redirect to `not_foud` if change chap = SPA

---
 src/pages/phim/_season.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/pages/phim/_season.vue b/src/pages/phim/_season.vue
index fa19218f..0ed89d32 100644
--- a/src/pages/phim/_season.vue
+++ b/src/pages/phim/_season.vue
@@ -401,7 +401,6 @@
 <script lang="ts" setup>
 import { getAnalytics, logEvent } from "@firebase/analytics"
 import { Icon } from "@iconify/vue"
-import { computedAsync } from "@vueuse/core"
 import { useHead } from "@vueuse/head"
 import AddToPlaylist from "components/AddToPlaylist.vue"
 import BrtPlayer from "components/BrtPlayer.vue"
@@ -778,14 +777,22 @@ const resetPromiseDefCurrentChap = () => {
 }
 onBeforeUnmount(resetPromiseDefCurrentChap)
 /** @type - currentChap is episode id */
-const currentChap = computedAsync(async () => {
+const currentChap = ref<string>()
+watchEffect(async (): Promise<void> => {
   resetPromiseDefCurrentChap()
 
-  if (route.params.chap) return route.params.chap as string
+  if (route.params.chap) {
+    currentChap.value = route.params.chap as string
+    return
+  }
+  currentChap.value = undefined
   // if this does not exist make sure the status has not finished loading, this function call also useless
 
   // if not login -> return first episode in season
-  if (!authStore.uid) return currentDataSeason.value?.chaps[0].id
+  if (!authStore.uid) {
+    currentChap.value = currentDataSeason.value?.chaps[0].id
+    return
+  }
 
   const episodeId = await Promise.race([
     // if logged -> get last episode viewing in season
@@ -811,10 +818,11 @@ const currentChap = computedAsync(async () => {
   resetPromiseDefCurrentChap()
   // if not exists -> return first episode in season
   if (episodeId === null) {
-    return currentDataSeason.value?.chaps[0].id
+    currentChap.value = currentDataSeason.value?.chaps[0].id
+    return
   }
 
-  return episodeId
+  currentChap.value = episodeId
 })
 const currentMetaChap = computed(() => {
   if (!currentChap.value) return

From 938b2281dabc0497a6a3f97a4a59a1ee73cdba08 Mon Sep 17 00:00:00 2001
From: Tachibana Shin <tachibshin@duck.com>
Date: Sat, 22 Apr 2023 06:21:41 +0000
Subject: [PATCH 2/2] fix not show trailer youtube

---
 src/pages/phim/_season.vue | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/pages/phim/_season.vue b/src/pages/phim/_season.vue
index 0ed89d32..df7f4f7d 100644
--- a/src/pages/phim/_season.vue
+++ b/src/pages/phim/_season.vue
@@ -42,10 +42,13 @@
           })
         "
       />
-      <div v-else class="w-full overflow-hidden fixed top-0 left-0 z-200">
+      <div
+        v-else
+        class="w-full overflow-hidden bg-[#000] focus-visible:outline-none select-none"
+      >
         <q-img
           no-spinner
-          v-if="sources?.[0]?.url"
+          v-if="!sources?.[0]?.url"
           :ratio="841 / 483"
           class="max-h-[calc(100vh-169px)] max-w-[100px]"
           src="~assets/ic_question_result_error.png"
@@ -670,7 +673,7 @@ async function fetchSeason(season: string) {
       console.warn("chaps not found")
       response.chaps = [
         {
-          id: "#youtube",
+          id: "0",
           play: "1",
 
           hash:
@@ -851,8 +854,8 @@ watchEffect(() => {
 watchEffect(() => {
   // currentChap != undefined because is load done from firestore and ready show but in chaps not found (!currentMetaChap.value)
   if (
-    currentDataSeason.value &&
-    currentChap.value !== undefined &&
+    currentDataSeason.value?.chaps &&
+    currentChap.value &&
     !currentMetaChap.value
   ) {
     router.replace({
@@ -1041,7 +1044,7 @@ watch(
 
     configPlayer.value = undefined
 
-    if (currentMetaChap.id === "#youtube") {
+    if (currentMetaChap.id === "0") {
       configPlayer.value = {
         link: [
           {