LLM button disabling, and lesson 24 some grammar

docs/.vitepress/theme/components/VocabQuiz.vue

@@ -69,7 +69,7 @@
         <div v-if="example">
           <button
             type="button"
-            :disabled="!!exNotesLoading"
+            :disabled="exCurrentKo !== example.ko || !!exNotesLoading"
             @click="
               if (exNotes) {
                 exNotes = '';
@@ -77,7 +77,10 @@
               explainSentence(example.ko);
             "
           >
-            <span v-if="!!exNotesLoading"> {{ exNotesLoading }} </span>
+            <span v-if="exCurrentKo !== example.ko">
+              {{ exNotesLoading || "..." }}
+            </span>
+            <span v-else-if="!!exNotesLoading"> {{ exNotesLoading }} </span>
             <span v-else-if="!exNotes"> Explain Sentence </span>
             <span v-else> New explanation </span>
           </button>
@@ -159,6 +162,7 @@ const exIndex = ref(0);
 const isEdit = ref(false);
 const vEditContent = ref("");
 
+const exCurrentKo = ref("");
 const exNotes = ref("");
 const exNotesLoading = ref("");
 
@@ -217,13 +221,20 @@ watch(example, () => {
   timeoutSetExNotes = window.setTimeout(() => {
     timeoutSetExNotes = 0;
 
-    exNotes.value = "";
+    if (!exNotesLoading.value) {
+      exNotes.value = "";
+    }
+
     if (!example.value) return;
 
-    if (supabase) {
+    let { ko } = example.value;
-      let { ko } = example.value;
+    ko = ko.replaceAll("**", "");
-      ko = ko.replaceAll("**", "");
 
+    if (!exNotesLoading.value) {
+      exCurrentKo.value = example.value.ko;
+    }
+
+    if (supabase) {
       supabase
         .from("sentence-explain")
         .select<any, { explain: string }>("explain")

docs/howtostudykorean/unit-1/24-before-after-since-within.md

@@ -1019,12 +1019,12 @@ In this lesson, you will learn how to use the words 전 and 후 as well as some
 
 The word ‘전’ translates to ‘before’ or ‘ago’ depending on where it is used. When placed after any indication of time (2 seconds, 5 minutes, 10 hours, 4 days, 3 weeks, 2 years, etc…) it has the meaning of “ago.” For example:
 
-- 2 초 전에 = 2 seconds ago
+- 2 초 전에 = <span class="md spoiler">2 seconds ago</span>
-- 5 분 전에 = 5 minutes ago
+- 5 분 전에 = <span class="md spoiler">5 minutes ago</span>
-- 열 시간 전에 = 10 hours ago\*
+- 열 시간 전에 = <span class="md spoiler">10 hours ago</span>\*
-- 4 일 전에 = 4 days ago
+- 4 일 전에 = <span class="md spoiler">4 days ago</span>
-- 3 주 전에 = 3 weeks ago
+- 3 주 전에 = <span class="md spoiler">3 weeks ago</span>
-- 2 년 전에 = 2 years ago
+- 2 년 전에 = <span class="md spoiler">2 years ago</span>
 
 _\*I typically write the word instead of the numeral when referring to an hour. To see why, check out [Lesson 10](./10-numbers.md) and [11](./11-time.md)._
 
@@ -1037,9 +1037,9 @@ You can now use those words in sentences very intuitively:
 
 When ‘전’ is placed after a verb, it translates to “before.” When you want to use 전 like this, you must add \~기 to the verb stem of the preceding verb:
 
-- 제가 먹기 전에 = before I ate
+- 제가 먹기 전에 = <span class="md spoiler">before I ate</span>
-- 제가 가기 전에 = before I go
+- 제가 가기 전에 = <span class="md spoiler">before I go</span>
-- 제가 오기 전에 = before I come
+- 제가 오기 전에 = <span class="md spoiler">before I come</span>
 
 A few very important things before I say anything else:
 
@@ -1049,11 +1049,11 @@ Another thing. You can essentially add any sentence to the (verb-stem)\~기 전
 
 You are now ready to create two-clause sentences. Up to this point we have dealt with sentences having only one clause, meaning one subject, one object, and one predicating verb or adjective. To illustrate, in the following sentences subjects are colored red, objects are blue, and predicating verbs or adjectives are green. (Adverbs and other parts of the sentences are not colored):
 
-- 나는 너를 사랑해 = I love you
+- <mark>나는</mark> _너를_ <ins>사랑해</ins> = <span class="md spoiler">I love you</span>
-- 아버지는 언제 왔어요? = When did dad come?
+- <mark>아버지는</mark> 언제 <ins>왔어요</ins>? = <span class="md spoiler">When did dad come?</span>
-- 저와 엄마는 밥을 같이 먹었어요 = Mom and I ate (rice)
+- <mark>저와 엄마는</mark> _밥을_ 같이 <ins>먹었어요</ins> = <span class="md spoiler">Mom and I ate (rice)</span>
-- 그 여자들은 예뻐요 = Those girls are pretty
+- <mark>그 여자들은</mark> <ins>예뻐요</ins> = <span class="md spoiler">Those girls are pretty</span>
-- 저는 똑똑한 여자들만 좋아해요 = I only like smart girls
+- <mark>저는</mark> *똑똑한 여자들*만 <ins>좋아해요</ins> = <span class="md spoiler">I only like smart girls</span>
 
 However, there are grammatical principles (in English and Korean) that allow us to create more than one clause. Each clause is able to have a subject, object and also a verb/adjective. A sentence with more than one clause could therefore have more than one subject, object or verb/adjective. For example:
 
@@ -1067,30 +1067,30 @@ The grammatical rules of a Korean sentence with two (or more) clauses are simila
 
 The main clause of a sentence is the clause that is expressing the main idea of the sentence. One way to find the non-main clause (referred to as the “sub-clause” for the remainder of this lesson) is by looking for the part of the sentence that tells us when/where/why/how the main idea is happening. For example:
 
-When I go home, my mom will be waiting for me
+_When I go home,_ my mom will be waiting for me
 
 - Main clause: My mom will be waiting for me
-- When will this happen: When I go home
+- _When_ will this happen: _When I go home_
 
-When my mother ate a hotdog, I ate a hamburger
+_When my mother ate a hotdog,_ I ate a hamburger
 
 - Main clause: I ate a hamburger
-- When did this happen: When my mother ate a hotdog
+- _When_ did this happen: _When my mother ate a hotdog_
 
-Before I eat, I want to wash my hands
+_Before I eat,_ I want to wash my hands
 
 - Main clause: I want to wash my hands
-- When did this happen: Before I eat
+- _When_ did this happen: _Before I eat_
 
-After I saw the movie, my friend called me
+_After I saw the movie,_ my friend called me
 
 - Main clause: My friend called me
-- When did happen: After I saw the movie
+- _When_ did happen: _After I saw the movie_
 
-I don’t want to meet him because he isn’t nice
+I don’t want to meet him _because he isn’t nice_
 
 - Main clause: I don’t want to meet him
-- Why does this happen: because he isn’t nice
+- _Why_ does this happen: _because he isn’t nice_
 
 Notice that if you eliminate the sub-clause, the main clause still makes sense. However, if you eliminate the main clause, you are left with an incomplete sentence.
 
@@ -1106,7 +1106,7 @@ Which clause is the main clause? Which clause is the sub-clause?
 
 Therefore, this sentence in Korean can be written as:
 
-- 엄마가 오기 전에 나는 밥을 먹었어 = Before my mom came, I ate (rice)
+- 엄마가 오기 전에 나는 밥을 먹었어 = <span class="md spoiler">Before my mom came, I ate (rice)</span>
 
 I am going to talk about how the particles \~는/은 and \~이/가 can be used in these sentences. I’m going to separate this discussion with a line before and after it in an attempt to organize it a little bit.
 
@@ -1122,19 +1122,19 @@ Placing \~는/은 on _both_ subjects would also be incorrect:
 
 However, placing \~이/가 on both subjects is acceptable. That is, it is not necessary to place \~는/은 on the subject of the main clause of the sentence, just like how (as you learned in [Lesson 2](./02-particles.md)) it is not necessary to place \~은/는 on the subject of the following sentence:
 
-- 고양이가 집 뒤에 있어요 = The cat is behind the house
+- 고양이가 집 뒤에 있어요 = <span class="md spoiler">The cat is behind the house</span>
 
 Placing \~는/은 on the subject of the main clause of a multi-clause sentence has the same effect of adding \~는/은 to the subject of a sentence with one clause. That is, it _could_ indicate that something is being compared with something else. It could also have the exact same meaning as a sentence with “\~이/가” used as the subject particles. In both situations, the context is the only thing that can determine if there is a subtle difference in meaning. For example:
 
-- 친구가 오기 전에 저는 은행에 갔어요 = Before my friend came, I went to the bank, or
+- 친구가 오기 전에 저는 은행에 갔어요 = <span class="md spoiler">Before my friend came, I went to the bank</span>, or
-- 친구가 오기 전에 제가 은행에 갔어요 = Before my friend came, I went to the bank
+- 친구가 오기 전에 제가 은행에 갔어요 = <span class="md spoiler">Before my friend came, I went to the bank</span>
 
 There _could_ be a difference between these two sentences. If the context allowed for it, the feeling is that “I” is being compared to another noun. For example, “before your friend came, (maybe) your girlfriend stayed home but _you (I_) went to the bank.”
 
 Sometimes, the use of “\~는/은” as the subject particle creates a different translation in English, although the end result of the sentence is the same. Notice the difference between the following possible English translations:
 
-- 친구가 오기 전에 저는 은행에 갔어요 = Before my friend came, I was the person who went to the bank (compared to my girlfriend who stayed home)
+- 친구가 오기 전에 저는 은행에 갔어요 = <span class="md spoiler">Before my friend came, I was the person who went to the bank (compared to my girlfriend who stayed home)</span>
-- 친구가 오기 전에 제가 은행에 갔어요 = Before my friend came, I went to the bank
+- 친구가 오기 전에 제가 은행에 갔어요 = <span class="md spoiler">Before my friend came, I went to the bank</span>
 
 If you are unsure of this distinction between \~은/는 and \~이/가 I encourage you to re-read the distinction made in [Lesson 2](./02-particles.md) and [Lesson 22](./22-how-which-what-how-many.md).
 
@@ -1144,7 +1144,7 @@ Almost all of the time, when you are making the sub-clause to go before “\~전
 
 Instead of:
 
-- ~~내가 오기 전에 나는 밥을 먹었어~~ = Before I came, I ate
+- ~~내가 오기 전에 나는 밥을 먹었어~~ = <span class="md spoiler">Before I came, I ate</span>
 
 Remember that Korean people love shortening their sentences. Every chance they get, they want to eliminate something from their sentences. So, instead of saying “내가… 나는…” you only need to say “I” once.
 
@@ -1168,12 +1168,12 @@ Many more examples of \~기 전에:
 
 The word ‘후’ translates to ‘after’ or ‘later/from now’ depending on how it is used in Korean sentences. When placed after any indication of time (2 seconds, 5 minutes, 10 hours, 4 days, 3 weeks, 2 years, etc…) it has the meaning of “later/from now:” For example:
 
-- 2 초 후에 = 2 seconds later/from now
+- 2 초 후에 = <span class="md spoiler">2 seconds later/from now</span>
-- 5 분 후에 = 5 minutes later/from now
+- 5 분 후에 = <span class="md spoiler">5 minutes later/from now</span>
-- 열 시간 후에 = 10 hours later/from now\*
+- 열 시간 후에 = <span class="md spoiler">10 hours later/from now</span>\*
-- 4 일 후에 = 4 days later/from now
+- 4 일 후에 = <span class="md spoiler">4 days later/from now</span>
-- 3 주 후에 = 3 weeks later/from now
+- 3 주 후에 = <span class="md spoiler">3 weeks later/from now</span>
-- 2 년 후에 = 2 years later/from now
+- 2 년 후에 = <span class="md spoiler">2 years later/from now</span>
 
 _\*I typically write the word instead of the numeral when referring to an hour. To see why, check out [Lesson 10](./10-numbers.md) and [11](./11-time.md)._