Update point system

src/lib/settings.ts

@@ -1,2 +1,10 @@
 export const gameSize = 7;
 export const alphabet: Set<string> = new Set("ABCDEFGHIJKLMNOPQRSTUVWXYZ".split(""));
+export const points: Record<number, number> = {
+  2: 2,
+  3: 2,
+  4: 5,
+  5: 10,
+  6: 20,
+  7: 30,
+};

src/views/GameView.vue

@@ -9,7 +9,7 @@
         <button v-if="!gameEnd" class="top-icon brutal-border bg-white" title="Give up" @click="giveUp = true">
           🏁
         </button>
-        <button v-else class="top-icon brutal-border bg-white" title="New game" @click="resetGame">⟳</button>
+        <button v-else-if="!game" class="top-icon brutal-border bg-white" title="New game" @click="resetGame">⟳</button>
         <router-link :to="{ name: 'home' }" class="top-icon brutal-border bg-dark-peach">X</router-link>
       </div>
     </div>
@@ -39,7 +39,7 @@ import { animateShake, animateWiggle } from "@/lib/animations";
 import { difference, isSuperset, randomChoice, shuffle } from "@/lib/utils";
 import GameKeyboard from "@/components/GameKeyboard.vue";
 import UserInput from "@/components/UserInput.vue";
-import { alphabet, gameSize } from "@/lib/settings";
+import { alphabet, gameSize, points } from "@/lib/settings";
 
 export default defineComponent({
   components: { UserInput, GameKeyboard, FoundWordList },
@@ -84,7 +84,7 @@ export default defineComponent({
     score() {
       let result = 0;
       for (const word of this.foundWords) {
-        result += word.length;
+        result += points[word.length] ?? 0;
       }
       return result;
     },

src/views/HomeView.vue

@@ -105,9 +105,10 @@ main {
 }
 
 dialog form {
+  flex-grow: 1;
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
   gap: 2rem;
 }