dynamisation du code

This commit is contained in:
Gabriel Goldbronn
2025-03-05 23:42:45 +01:00
parent b8e682f333
commit a540d12ed2
18 changed files with 377 additions and 162 deletions

View File

@@ -2,6 +2,7 @@
import MiniatureList from "../items/MiniatureList.vue";
import {defineProps} from "vue";
import {lectureListStore} from "../stores/dataStore.ts";
const props = defineProps({
popup: {
@@ -9,65 +10,18 @@ const props = defineProps({
default: true
}
});
const lecturesList = lectureListStore();
</script>
<template>
<div :class="props.popup == true ? 'lecture-list--popup' : 'lecture-list'">
<div class="lecture-list__content">
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
/>
<MiniatureList
imgSrc="https://i.ytimg.com/vi/CFGLoQIhmow/hqdefault.jpg"
title="lofi hip hop mix 📚 beats to relax/study to (Part 1)"
name="LofiGirl"
v-for="lecture in lecturesList.lectures"
:thumbnail="lecture.thumbnail"
:title="lecture.title"
:name="lecture.name"
/>
</div>
</div>