Update views for new router architecture

src/App.vue

@@ -2,9 +2,7 @@
   <h1 v-if="page" class="sr-only">{{ page.content.title }}</h1>
   <div class="with-sidebar">
     <Menu />
-    <main>
     <RouterView />
-    </main>
   </div>
 </template>
 

src/views/Home.vue

@@ -1,12 +1,9 @@
 <template>
+  <main>
     <Projects />
+  </main>
 </template>
 
 <script setup>
-import Menu from "../components/Menu.vue";
 import Projects from "../components/Projects.vue";
-
-const { data } = defineProps({
-  data: Object,
-});
 </script>

src/views/Inspirations.vue

@@ -1,4 +1,5 @@
 <template>
+  <main>
     <h2 id="tabslist" class="sr-only">Inspirations</h2>
     <Tabs :tabs="tabs" @update:currentTab="changeTab" />
     <Selector />
@@ -17,6 +18,7 @@
         </template>
       </div>
     </section>
+  </main>
 </template>
 
 <script setup>

src/views/Notifications.vue

@@ -1,7 +1,4 @@
 <template>
-  <h1 class="sr-only">{{ data.content.title }}</h1>
-  <div class="with-sidebar">
-    <Menu />
   <main class="wrapper">
     <h2 id="tabslist" class="sr-only">Status</h2>
     <Tabs :tabs="tabs" @update:currentTab="changeTab" />
@@ -13,20 +10,17 @@
       <p>Vous n’avez pas de nouvelles notifications</p>
     </div>
   </main>
-  </div>
 </template>
 
 <script setup>
-import Menu from "../components/Menu.vue";
 import Tabs from "../components/Tabs.vue";
 
+import { usePageStore } from "../stores/page"
 import { useUserStore } from "../stores/user";
 import { ref, computed } from "vue";
+import { storeToRefs } from "pinia";
 
-const { data } = defineProps({
-  data: Object
-});
-
+const { page } = storeToRefs(usePageStore());
 const user = useUserStore().user;
 const currentTab = ref("all");
 const tabs = computed(() => {

src/views/Reunions.vue

@@ -1,7 +1,4 @@
 <template>
-  <h1 class="sr-only">{{ data.content.title }}</h1>
-  <div class="with-sidebar">
-    <Menu />
   <main class="wrapper">
     <h2 id="tabslist" class="sr-only">Status</h2>
     <Tabs :tabs="tabs" @update:currentTab="changeTab" />
@@ -13,20 +10,17 @@
       <button class="btn">Demander un RDV</button>
     </div>
   </main>
-  </div>
 </template>
 
 <script setup>
-import Menu from "../components/Menu.vue";
 import Tabs from "../components/Tabs.vue";
 
+import { usePageStore } from "../stores/page"
 import { useUserStore } from "../stores/user";
 import { ref, computed } from "vue";
+import { storeToRefs } from "pinia";
 
-const { data } = defineProps({
-  data: Object
-});
-
+const { page } = storeToRefs(usePageStore());
 const user = useUserStore().user;
 const currentTab = ref("future");
 const tabs = computed(() => {