fix: wrong path to assets

cloudy-apps · Apr 2, 2024 · a01d6ae · a01d6ae
1 parent 7b71e33
commit a01d6ae
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/components/App.vue b/components/App.vue
@@ -126,16 +126,17 @@ function nextCard() {
   setTimeout(() => (animated.value = true));
 }
 
-const speak = async () => {
+async function speak () {
+  const card = cards.value[index.value];
   speechSynthesis.speak(
     Object.assign(
-      new SpeechSynthesisUtterance(flashcards.value[currentCard.value].front),
-      { lang: lang.value }
+      new SpeechSynthesisUtterance(showTranslation.value ? card.back : card.front),
+      { lang: showTranslation.value ? 'en' : lang.value }
     )
   );
 };
 
-const handleKeyDown = (event) => {
+function handleKeyDown (event) {
   if (event.key === "d" || event.key === "ArrowLeft") {
     prevCard();
   }
@@ -155,6 +156,10 @@ const handleKeyDown = (event) => {
   if (event.key === "r") {
     shuffle();
   }
+
+  if (event.key === "p" && canSpeak.value) {
+    speak();
+  }
 };
 
 onMounted(async () => {

diff --git a/components/word-pairs.ts b/components/word-pairs.ts
@@ -7,7 +7,7 @@ export const fetchPairs = async (language: string): Promise<Pair[]> => {
   let source: Array<[string, string]>;
 
   if (knownLanguages.includes(language)) {
-    source = await fetch(`/lang/${language}.json`).then((x) => x.json());
+    source = await fetch(`/assets/lang/${language}.json`).then((x) => x.json());
   } else {
     source = JSON.parse(await generateWordPairs({ language, count: 20 }));
   }