feat: rules

frontend/src/layouts/MainLayout.vue

@@ -19,6 +19,12 @@
           </q-item-section>
         </q-item>
 
+        <q-item clickable v-ripple to="/rules">
+          <q-item-section>
+            Rules
+          </q-item-section>
+        </q-item>
+
         <q-expansion-item
           label="User"
           icon="folder"

frontend/src/pages/IndexPage.vue

@@ -13,5 +13,20 @@
 </template>
 
 <script setup>
-//
+import { ref } from 'vue'
+import { LocalStorage } from 'quasar'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const user = ref({ username:"", id:0 });
+
+const storedUser = LocalStorage.getItem("user")
+if (storedUser) {
+    console.log(storedUser)
+    user.value = storedUser
+} else {
+    router.push("/user/username")
+}
+
 </script>

frontend/src/pages/rulesPage.vue

@@ -0,0 +1,8 @@
+<template>
+    <q-page class="flex flex-center">
+        <iframe
+            src="https://pimage.sport-thieme.at/pdf/Spielregeln_Die_Grundregeln_des_Dart-Spiels_DE.pdf"   
+            style="width: 100%;height: 100vh;border: none;"
+        ></iframe>
+    </q-page>
+</template>

frontend/src/router/routes.js

@@ -8,8 +8,10 @@ const routes = [
       { path: 'test_NumbersPage', component: () => import('pages/test/testNumbersPage.vue') },
       { path: 'test_WebSpeechApi', component: () => import('pages/test/testWebSpeechApi.vue') },
 
+      { path: 'rules', component: () => import('pages/rulesPage.vue') },
+
       { path: 'user/username', component: () => import('pages/user/usernamePage.vue') },
-      { path: '/user/settings', component: () => import('pages/user/userSettingsPage.vue') },
+      { path: 'user/settings', component: () => import('pages/user/userSettingsPage.vue') },
 
       { path: 'game', component: () => import('pages/game/gamePage.vue') },
       { path: 'game/select', component: () => import('pages/game/gameModeSelectPage.vue') },