add Quizz route

resources/js/views/Games/GameIndex.vue

@@ -1,19 +1,21 @@
 <template>
     <div class="p-4">
         <h1 class="page-title">Liste des jeux</h1>
-        <div class="flex flex-wrap mt-4">
-            <HangmanIndex link="/jeux/pendu" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 card" />
+        <div class="flex flex-wrap -m-2 mt-2">
+            <HangmanIndex link="/jeux/pendu" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
+            <QuizzIndex link="/jeux/quizz" class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4" />
         </div>
     </div>
 </template>
 
 <script>
 import HangmanIndex from './HangMan/HangmanIndex'
+import QuizzIndex from './Quizz/QuizzIndex'
 
 export default {
     name: 'GameIndex',
     components: {
-        HangmanIndex
+        HangmanIndex, QuizzIndex
     }
 }
 </script>

resources/js/views/Games/HangMan/HangmanIndex.vue

@@ -1,7 +1,9 @@
 <template>
     <router-link :to="link">
-        <svg-vue icon="hangman" />
-        <h2>Pendu</h2>
+        <div class="m-2 card">
+            <svg-vue icon="hangman" />
+            <h2>Pendu</h2>
+        </div>
     </router-link>
 </template>
 

resources/js/views/Games/Quizz/Quizz.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>
+        <h1>Quizz</h1>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'Quizz'
+}
+</script>

resources/js/views/Games/Quizz/QuizzIndex.vue

@@ -0,0 +1,21 @@
+<template>
+    <router-link :to="link">
+        <div class="m-2 card">
+            <svg-vue icon="close" />
+            <h2>Quizz</h2>
+        </div>
+    </router-link>
+</template>
+
+<script>
+export default {
+    name: 'QuizzIndex',
+    props: {
+        link: {
+            type: String,
+            required: true
+        },
+    }
+}
+</script>
+