Adding prog to review page

2026-06-29 00:04:27 -07:00
parent b7eaa2ad74
commit 6161720955
1 changed files with 10 additions and 1 deletions
@@ -1,6 +1,7 @@
 <template>
  <div>
-    <div class="d-flex">
+    <div class="d-flex align-center">
+      <div class="text-h4">{{ title }}</div>
      <v-spacer />
      <v-btn
        class="mt-2"
@@ -95,6 +96,14 @@ const props = defineProps<{ flashcardDeckId: string }>()
 const flashcardDeckIdAsNumber = computed(() => parseInt(props.flashcardDeckId))
 const { flashcardDeck } = useFlashcardDeck(flashcardDeckIdAsNumber)

+const title = computed(() => {
+  const deckName = flashcardDeck.value?.name ?? ""
+  const done = results.value.size
+  const total = flashcards.value.length
+  const progress = total > 0 ? ` (${done} / ${total})` : ""
+  return `${deckName}${progress}`
+})
+
 const flashcardsQueryOptions = computed<FlashcardQueryOptions>(() => {
  return {
    where: {