Ajoute les deux composants pour les vues de l'applications

src/plugins/router.js

@@ -15,12 +15,22 @@ const router = createRouter({
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue')
+      component: () => import('@/views/AboutView.vue')
+    },
+    {
+      path: '/game/control',
+      name: 'Game Control (Présentateur)',
+      component: () => import('@/views/GameControl.vue')
+    },
+    {
+      path: '/game/display',
+      name: 'Game Display (Projection)',
+      component: () => import('@/views/GameDisplay.vue')
     },
     {
       path: '/mqtt-debugger',
       name: 'Debugger MQTT',
-      component: () => import('../views/MQTTDebugView.vue')
+      component: () => import('@/views/MQTTDebugView.vue')
     }
   ]
 })

src/views/AboutView.vue

@@ -1,6 +1,16 @@
 <template>
   <div class="about">
     <h1>This is an about page</h1>
+    <hr/>
+    <p>
+      Exemple d'une page
+    </p><p>
+      Ou il y a un scroll
+    </p><p>
+      Pour mettre en valeur leu footer fixe en bas de page
+    </p><p>
+      Cette page n'a aucun interet et pourra etre supprimée
+    </p>
   </div>
 </template>
 
@@ -8,7 +18,6 @@
 @media (min-width: 1024px) {
   .about {
     min-height: 100vh;
-    display: flex;
     align-items: center;
   }
 }