♻️ watch -> computed로 수정

 - computed가 코드가 더 보기 좋음
 - 캐싱을한다.

src/views/LearnView.vue

@@ -37,16 +37,14 @@ import 'swiper/css/effect-cards';
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { EffectCards, Navigation } from 'swiper';
 
-import { ref, computed, watch } from 'vue';
-import type { Ref } from 'vue';
+import { ref, computed } from 'vue';
 import { useDisplay } from 'vuetify';
 import { useStore } from 'vuex';
 import type { MyStore } from '@/store/types';
 
 import { useRoute } from 'vue-router';
 
 import LearnsetCard from '@/components/LearnsetCard.vue';
-import type { Learnset } from '@/types/interfaces';
 
 const modules = [EffectCards, Navigation];
 
@@ -58,15 +56,11 @@ const {
   params: { id },
 } = route;
 
-const learnset: Ref<Learnset> = ref(
-  store.getters.learnset(id as string)[0] as Learnset
-);
-
-watch(showReviewCards, (show) => {
-  if (show) {
-    learnset.value = store.getters.reviewCards({ id: id as string })[0];
+const learnset = computed(() => {
+  if (showReviewCards.value) {
+    return store.getters.reviewCards({ id: id as string })[0];
   } else {
-    learnset.value = store.getters.learnset(id as string)[0];
+    return store.getters.learnset(id as string)[0];
   }
 });