Translations

src/algo.ts

@@ -63,7 +63,7 @@ export function isSolvable(result: number, plaquettes: number[]): boolean {
     for (const item of history) {
       if (item.a < item.b) [item.a, item.b] = [item.b, item.a]
       console.log(
-        `${item.a} ${item.op} ${item.b} = ${operate(item.op, item.a, item.b)}`,
+        `${item.a} ${item.op === '*' ? 'x' : item.op} ${item.b} = ${operate(item.op, item.a, item.b)}`,
       )
     }
   }

src/locales/en.json

@@ -18,5 +18,8 @@
   "soon": "Soon",
   "dailyHard": "Advanced Mode",
   "dailyNormal": "Normal Mode",
-  "practiceMode": "Practice"
+  "practiceMode": "Practice",
+  "practiceModeDescription": "Use the Practice mode to improve your skills.",
+  "hardModeDescription": "The Advanced mode is generally more challenging, with 6 starting numbers.",
+  "normalModeDescription": "The Normal mode has 5 starting numbers, for a generally easier challenge."
 }

src/locales/fr.json

@@ -18,5 +18,8 @@
   "soon": "Bientôt",
   "dailyNormal": "Mode Normal",
   "dailyHard": "Mode Avancé",
-  "practiceMode": "Entraînement"
+  "practiceMode": "Entraînement",
+  "practiceModeDescription": "Profitez du mode Entraînement pour améliorer vos compétences.",
+  "hardModeDescription": "Le mode Avancé propose un challenge généralement plus relevé, avec 6 nombres de base.",
+  "normalModeDescription": "Le mode Normal propose un challenge généralement plus facile, avec 5 nombres de base."
 }

src/views/GameView.vue

@@ -73,7 +73,7 @@
           v-else
           @click="reboot"
           class="inline-flex items-center btn-border">
-          <!-- TODO: icon reload -->
+          <IconReload class="mr-2" />
           {{ t('playAgain') }}
         </button>
       </div>
@@ -122,6 +122,7 @@ import {
   setMathPRNG,
 } from '@/utils'
 import IconShare from '~icons/ph/share-network'
+import IconReload from '~icons/ph/arrow-clockwise'
 
 const { t } = useI18n() // call `useI18n`, and spread `t` from  `useI18n` returning
 

src/views/HomeView.vue

@@ -1,10 +1,8 @@
 <template>
   <div class="flex flex-col grow p-1 w-full text-center">
-    <div class="flex flex-col grow gap-8 justify-center md:mt-16">
+    <div class="flex flex-col grow gap-8 justify-center my-4 md:my-16">
       <div>
-        {{ t('gameDescription') }}<br><br>
+        {{ t('gameDescription') }}
-        <span v-html="t('dailyDescription')" />
-
         <br>
       </div>