9525ed3953
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
- Bouton PDF blanc par chapitre avec numéro de page (ChapterHeader) - Badges morceaux plus visibles (bordure, poids, hover) dans ChapterHeader et SongBadges - PDF viewer : page cible + panneau signets ouverts par défaut (BookPdfReader) - Config YAML : pdfFile dans book, chapterPages pour le mapping chapitre→page - Admin book : section PDF du livre avec chemin éditable et sauvegarde - Git sync automatique : chaque sauvegarde admin commit+push en prod (ADMIN_GIT_SYNC=true) - Docker : git installé en prod, volumes pour .git/site/content/public Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
24 lines
607 B
Vue
24 lines
607 B
Vue
<template>
|
|
<div v-if="songs.length > 0" class="flex flex-wrap gap-1">
|
|
<span
|
|
v-for="song in songs"
|
|
:key="song.id"
|
|
class="inline-flex items-center gap-1 rounded-full border border-primary/20 bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary/80"
|
|
>
|
|
<div class="i-lucide-music h-2.5 w-2.5" />
|
|
{{ song.title }}
|
|
</span>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
chapterSlug: string
|
|
}>()
|
|
|
|
const bookData = useBookData()
|
|
await bookData.init()
|
|
|
|
const songs = computed(() => bookData.getChapterSongs(props.chapterSlug))
|
|
</script>
|