layout, mdi, static menu & page, font, ...

src/App.vue

@@ -4,7 +4,7 @@
   import { onMounted } from 'vue';
   import { RouterLink, RouterView } from 'vue-router'
   import { UserStore } from '@/stores/user'
-  import UserBlock from '@components/block/UserBlock.vue'
+  import Header from '@components/Header.vue'
 
 
   const userStore = UserStore()
@@ -18,12 +18,11 @@
 </script>
 
 <template>
-  <header>
-    <h1>Où atterrir</h1>
-    <UserBlock/>
-  </header>
-  <RouterView />
+  <Header />
+  <div id="main-content">
+    <RouterView />
+  </div>
 </template>
 
-<style scoped>
+<style lang="scss" scoped>
 </style>