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

dynamize menu projects

Browse source
This commit is contained in:
isUnknown 2024-09-10 09:16:46 +02:00
parent 0075a37ab2
commit e27fab3553
1 changed files with 9 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/Menu.vue
View file

@ -53,17 +53,17 @@
<details open> <details open>
<summary>Projets en cours</summary> <summary>Projets en cours</summary>
<ul> <ul>
<li><a href="#" class="new">Miss Dior Blooming Bouquet</a></li> <li v-for="project in currentProjects">
<li><a href="#">Dior J’adore</a></li> <a :href="project.url" class="new">{{ project.title }}</a>
<li><a href="#">Gris Dior</a></li> </li>
<li><a href="#">Sauvage 60ml</a></li>
</ul> </ul>
</details> </details>
<details> <details>
<summary>Projets archivés</summary> <summary>Projets archivés</summary>
<ul> <ul>
<li><a href="#">Titre projet archivé 1</a></li> <li v-for="project in archivedProjects">
<li><a href="#">Titre projet archivé 2</a></li> <a :href="project.url" class="new">{{ project.title }}</a>
</li>
</ul> </ul>
</details> </details>
</nav> </nav>
@ -81,9 +81,12 @@
</template> </template>
<script setup> <script setup>
import { storeToRefs } from "pinia";
import { ref } from "vue"; import { ref } from "vue";
import { useProjectsStore } from "../stores/projects";
const isExpanded = ref(true); const isExpanded = ref(true);
const { currentProjects, archivedProjects } = storeToRefs(useProjectsStore());
const mainItems = [ const mainItems = [
{ {