studio-variable/designtopack
4
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Update views for new router architecture

Browse source
This commit is contained in:
Timothée Goguely 2024-09-17 17:22:58 +02:00
parent f7e7c24164
commit 40692b1cf3
5 changed files with 52 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/App.vue
View file

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

7
src/views/Home.vue
View file

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

2
src/views/Inspirations.vue
View file

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

12
src/views/Notifications.vue
View file

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

12
src/views/Reunions.vue
View file

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