⚡ Add response caching in states for better performances

Open-Webtoon-Reader · Jun 17, 2024 · a7568dd · a7568dd
1 parent c6830c8
commit a7568dd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/components/webtoons/episodes/EpisodeList.vue b/components/webtoons/episodes/EpisodeList.vue
@@ -13,8 +13,14 @@ const maxIndex = ref<number>(30);
 const id = useRoute().params.id as any as number;
 
 function loadEpisodes(){
+    const webtoonState: any = useState(`webtoon-${id}`);
+    if (webtoonState.value){
+        episodes.value = webtoonState.value;
+        return;
+    }
     getEpisodes(id).then(response => {
         episodes.value = response.data;
+        webtoonState.value = response.data;
     });
 }
 

diff --git a/components/webtoons/webtoons/WebtoonList.vue b/components/webtoons/webtoons/WebtoonList.vue
@@ -18,6 +18,11 @@ function increaseMaxIndex(){
 }
 
 onMounted(async() => {
+    const webtoonsState: any = useState("webtoons");
+    if (webtoonsState.value && webtoonsState.value.length){
+        webtoons.value = webtoonsState.value;
+        return;
+    }
     const response = await getWebtoons();
     webtoons.value = response.data;
     // Sort webtoons by title
@@ -26,6 +31,7 @@ onMounted(async() => {
     webtoons.value.sort((a, b) => b.hasNewEpisodes - a.hasNewEpisodes);
     // Then by isNew
     webtoons.value.sort((a, b) => b.isNew - a.isNew);
+    webtoonsState.value = webtoons.value;
 });
 
 // Computed property for filtered webtoons