From cf4daa7f30eec1842c3e0031b261020b1e34561c Mon Sep 17 00:00:00 2001
From: p_craft <ef81sp@gmail.com>
Date: Tue, 7 Jan 2025 00:39:25 +0900
Subject: [PATCH 1/4] =?UTF-8?q?=E8=A7=A3=E8=AA=AC=E3=81=AE=E7=89=8C?=
 =?UTF-8?q?=E5=A7=BF=E3=81=AE=E8=A1=A8=E7=A4=BA=E5=B4=A9=E3=82=8C=E4=BF=AE?=
 =?UTF-8?q?=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ExplanationBlocksSinglePaiList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ExplanationBlocksSinglePaiList.vue b/src/components/ExplanationBlocksSinglePaiList.vue
index d2ffb15..c96d14b 100644
--- a/src/components/ExplanationBlocksSinglePaiList.vue
+++ b/src/components/ExplanationBlocksSinglePaiList.vue
@@ -9,12 +9,12 @@ defineProps<{
 <template>
   <div class="flex items-center gap-x-2 lg:gap-x-4">
     <p class="flex min-w-fit items-center text-sm md:text-base lg:text-lg">{{ title }}</p>
-    <div class="scrollbar-thin flex overflow-x-scroll">
+    <div class="flex overflow-x-scroll md:flex-nowrap w-full">
       <VPai
         v-for="(p, i) in paiList"
         :pai-str="p"
         :key="i"
-        class="w-5 md:w-8 lg:w-10"
+        class="w-5 md:w-[calc(100%/14)]"
       />
     </div>
   </div>

From 89445a4576ea04eebd24010481f048d4d7a3e1fa Mon Sep 17 00:00:00 2001
From: p_craft <ef81sp@gmail.com>
Date: Tue, 7 Jan 2025 00:50:34 +0900
Subject: [PATCH 2/4] =?UTF-8?q?100=E6=9C=AC=E3=83=8E=E3=83=83=E3=82=AF?=
 =?UTF-8?q?=E3=81=A7=E8=AA=A4=E3=81=A3=E3=81=9F=E5=95=8F=E9=A1=8C=E3=82=92?=
 =?UTF-8?q?=E8=A1=A8=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Nanimachi100Playing.vue        |  7 ++++--
 src/components/Nanimachi100Result.vue         |  3 ++-
 .../Nanimachi100ResultFurikaeri.vue           | 23 +++++++++++++++----
 src/views/Nanimachi100View.vue                | 10 ++++----
 4 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/src/components/Nanimachi100Playing.vue b/src/components/Nanimachi100Playing.vue
index 9626f15..c7baec2 100644
--- a/src/components/Nanimachi100Playing.vue
+++ b/src/components/Nanimachi100Playing.vue
@@ -21,7 +21,7 @@ const { pastTime } = defineProps<{
 
 const emit = defineEmits<{
   mounted: []
-  correct: [hand: 手牌, answer: PaiStr[]]
+  correct: [hand: 手牌, answer: PaiStr[], mistake: boolean]
   retire: []
 }>()
 
@@ -39,6 +39,7 @@ const generateQuestion = () => {
 
 const result = ref<string | null>(null)
 const showResult = ref(false)
+const mistake = ref(false)
 let timeoutId = 0
 const judge = () => {
   clearTimeout(timeoutId)
@@ -48,9 +49,11 @@ const judge = () => {
     const j = judgeNanimachi()
     if (j.result === 'correct') {
       result.value = '正解'
-      emit('correct', hand.value, correctAnswerStrArr.value)
+      emit('correct', hand.value, correctAnswerStrArr.value, mistake.value)
+      mistake.value = false
       generateQuestion()
     } else {
+      mistake.value = true
       result.value = '不正解'
     }
     showResult.value = true
diff --git a/src/components/Nanimachi100Result.vue b/src/components/Nanimachi100Result.vue
index 244ffa6..8e3c00c 100644
--- a/src/components/Nanimachi100Result.vue
+++ b/src/components/Nanimachi100Result.vue
@@ -112,11 +112,12 @@ const showExplanation = async (index: number) => {
         />
         <ol>
           <Nanimachi100ResultFurikaeri
-            v-for="({ hand, answer, timeMs: time }, i) in questionList"
+            v-for="({ hand, answer, timeMs: time, mistake }, i) in questionList"
             :key="i"
             :hand="hand"
             :answer="answer"
             :timeMs="time"
+            :mistake="mistake"
             :index="i"
             @show-explaination="() => showExplanation(i)"
           />
diff --git a/src/components/Nanimachi100ResultFurikaeri.vue b/src/components/Nanimachi100ResultFurikaeri.vue
index 055a9be..57fc3ae 100644
--- a/src/components/Nanimachi100ResultFurikaeri.vue
+++ b/src/components/Nanimachi100ResultFurikaeri.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import Button from 'primevue/button'
+import Tag from 'primevue/tag'
 
 import type { PaiStr } from '@/composables/PaiStr.type'
 import type { 手牌 } from 'pairi'
@@ -12,8 +13,9 @@ export type Nanimachi100ResultFurikaeriProps = {
   answer: PaiStr[]
   index: number
   timeMs: number
+  mistake: boolean
 }
-const { hand: _hand, answer, index } = defineProps<Nanimachi100ResultFurikaeriProps>()
+const { hand: _hand, answer, index, mistake } = defineProps<Nanimachi100ResultFurikaeriProps>()
 defineEmits<{ 'show-explaination': [] }>()
 
 const hand = computed(() => _hand.牌List().map((p) => p.toString()))
@@ -21,9 +23,20 @@ const hand = computed(() => _hand.牌List().map((p) => p.toString()))
 
 <template>
   <li>
-    <div class="flex items-center gap-2 px-0 md:gap-8 md:px-4">
-      <div class="flex flex-col items-center">
-        <p class="text-sm md:text-base">Q{{ index + 1 }}</p>
+    <div
+      class="flex items-center gap-2 px-0 py-4 md:gap-8 md:px-4"
+      :class="mistake ? ['bg-red-50', 'border-red-600', 'border'] : []"
+    >
+      <div class="flex w-16 flex-col items-center md:w-20">
+        <p class="text-sm md:text-base">
+          Q{{ index + 1 }}
+          <span
+            v-if="mistake"
+            class="rounded border border-red-600 px-1 text-xs text-red-950"
+          >
+            誤
+          </span>
+        </p>
         <p class="text-sm md:text-base">{{ (timeMs / 1000).toFixed(1) }}秒</p>
         <Button
           size="small"
@@ -49,6 +62,6 @@ const hand = computed(() => _hand.牌List().map((p) => p.toString()))
         />
       </div>
     </div>
-    <hr class="my-4" />
+    <hr />
   </li>
 </template>
diff --git a/src/views/Nanimachi100View.vue b/src/views/Nanimachi100View.vue
index 78a576f..38631fa 100644
--- a/src/views/Nanimachi100View.vue
+++ b/src/views/Nanimachi100View.vue
@@ -6,12 +6,9 @@ import Nanimachi100CountDown from '@/components/Nanimachi100CountDown.vue'
 import Nanimachi100Playing from '@/components/Nanimachi100Playing.vue'
 
 import Nanimachi100Result from '@/components/Nanimachi100Result.vue'
-import type { 手牌 } from 'pairi'
+import { 手牌 } from 'pairi'
 import type { PaiStr } from '@/composables/PaiStr.type'
-import { generateCorrectAnswerStrArr, generateHand } from '@/composables/nanimachiHand'
-import Nanimachi100ResultFurikaeri, {
-  type Nanimachi100ResultFurikaeriProps,
-} from '@/components/Nanimachi100ResultFurikaeri.vue'
+import { type Nanimachi100ResultFurikaeriProps } from '@/components/Nanimachi100ResultFurikaeri.vue'
 
 const qAmount = ref(100)
 const nowQuestion = ref(1)
@@ -84,13 +81,14 @@ type questionList = Omit<Nanimachi100ResultFurikaeriProps, 'index'>[]
 const questionList = ref<questionList>([]) as Ref<questionList>
 
 let previousTimeMs = 0
-const handleCorrect = (hand: 手牌, answer: PaiStr[]) => {
+const handleCorrect = (hand: 手牌, answer: PaiStr[], mistake: boolean) => {
   const timeMs = pastTime.value - previousTimeMs
   previousTimeMs = pastTime.value
   questionList.value.push({
     hand,
     answer,
     timeMs,
+    mistake,
   })
 
   if (nowQuestion.value === qAmount.value) {

From d91f630202b3593777e8c4e613da68a61151c060 Mon Sep 17 00:00:00 2001
From: p_craft <ef81sp@gmail.com>
Date: Tue, 7 Jan 2025 00:53:52 +0900
Subject: [PATCH 3/4] =?UTF-8?q?=E3=83=98=E3=83=AB=E3=83=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HelpChangeLog.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/HelpChangeLog.vue b/src/components/HelpChangeLog.vue
index 5cf3601..30199be 100644
--- a/src/components/HelpChangeLog.vue
+++ b/src/components/HelpChangeLog.vue
@@ -4,7 +4,9 @@
   <h4>2025/01/06</h4>
   <ul>
     <li>不具合修正: 何待ち100本ノックの設定画面で特定の操作をすると設定値が不正となる問題を修正</li>
+    <li>不具合修正: 何待ち解説の牌姿の表示崩れを修正</li>
     <li>改善: 何待ちの回答をクリアできるボタンを追加</li>
+    <li>改善: 何待ち100本ノックの振り返りで誤った問題を強調表示</li>
   </ul>
 
   <h4>2025/01/05</h4>

From b3a94320a831dfa5ed6dec772642210de2ba8984 Mon Sep 17 00:00:00 2001
From: p_craft <ef81sp@gmail.com>
Date: Tue, 7 Jan 2025 00:56:54 +0900
Subject: [PATCH 4/4] fmt

---
 src/components/ExplanationBlocksSinglePaiList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ExplanationBlocksSinglePaiList.vue b/src/components/ExplanationBlocksSinglePaiList.vue
index c96d14b..db94010 100644
--- a/src/components/ExplanationBlocksSinglePaiList.vue
+++ b/src/components/ExplanationBlocksSinglePaiList.vue
@@ -9,7 +9,7 @@ defineProps<{
 <template>
   <div class="flex items-center gap-x-2 lg:gap-x-4">
     <p class="flex min-w-fit items-center text-sm md:text-base lg:text-lg">{{ title }}</p>
-    <div class="flex overflow-x-scroll md:flex-nowrap w-full">
+    <div class="flex w-full overflow-x-scroll md:flex-nowrap">
       <VPai
         v-for="(p, i) in paiList"
         :pai-str="p"