canvas included in the main page, still shiting with vue

front/MyINPulse-front/src/App.vue

@@ -3,6 +3,7 @@ import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from './components/HelloWorld.vue'
 import Header from './components/Header.vue';
 import ProjectComp from './components/Project-comp.vue';
+import CanvasView from './components/canvas/Lean-canvas.vue';
 </script>
 
 <template>
@@ -15,9 +16,28 @@ import ProjectComp from './components/Project-comp.vue';
         :projectName="project.name"
       />
     </div>
+  <div id="canvas">
+      <button @click="$router.push('/canvas')">Voir Canvas</button>
+  </div>
 </template>
 
 <style scoped>
+
+#canvas { /* My shit */
+  margin-top: 20px;
+}
+button {
+  padding: 10px 15px;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  cursor: pointer;
+  border-radius: 5px;
+}
+button:hover {
+  background-color: #0056b3;
+}
+
 </style>
 
 <script lang="ts">
@@ -26,6 +46,7 @@ export default {
   components: {
     Header,
     ProjectComp,
+    CanvasView, // My shit
   },
   data() {
     return {