added settings

src/components/GameSettings.vue

@@ -1,8 +1,12 @@
 <template>
-<button class="btn" onclick="settingsModal.showModal()">show invite</button>
+<button class="btn" onclick="settingsModal.showModal()">settings</button>
 <dialog id="settingsModal" class="modal">
   <div class="modal-box">
     <div class="p-2 flex flex-col justify-center items-center">
+      <h2 class="text-2xl">Game Settings</h2> 
+      <div class="p-2">
+            <input class="input input-bordered" v-model="hash"> <button class="btn btn-primary" @click="join">Set Game</button>
+      </div>
       <p>Scan the QR code to join the game</p>
       <qrcode-vue :value="value" :size="200" level="H" class="m-4 p-2 bg-white" />
       <p class="text-xs">{{value}}</p>
@@ -19,6 +23,13 @@
 
 <script setup lang="ts">
 import QrcodeVue from 'qrcode.vue';
+import { ref } from 'vue';
 
+const hash = ref(window.location.hash.substring(1));
 const value = window.location.href.replace('http://','');
+
+const join = () => {
+  window.location.hash = hash.value;
+  window.location.reload();
+}
 </script>