- Source unique : supprime app/data/librodrome.config.yml, renomme site/ en bookplayer.config.yml - Morceaux : renommés avec slugs lisibles, fichiers audio renommés, inversion ch2↔ch3 corrigée - Chapitres : 11 fichiers .md réécrits avec le vrai contenu du livre (synthèse fidèle du PDF) - Routes : /lire → /modele-eco, /ecouter → /en-musique, redirections 301 - Admin chapitres : champs structurés (titre, description, temps lecture), compteur mots - Éditeur markdown : mode split, plein écran, support Tab, meilleur rendu aperçu - Admin morceaux : drag & drop, ajout/suppression, gestion playlist - Light mode : palettes printemps/été plus saturées et contrastées, teintes primary - Raccourcis clavier player : espace, flèches gauche/droite - Paroles : toggle supprimé, toujours visibles et scrollables - Nouvelles pages : autonomie, evenement Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
28 lines
946 B
Vue
28 lines
946 B
Vue
<template>
|
|
<nav class="chapter-nav" aria-label="Navigation des chapitres">
|
|
<h2 class="mb-4 font-display text-sm font-semibold uppercase tracking-wider text-white/40">
|
|
Chapitres
|
|
</h2>
|
|
<ul class="flex flex-col gap-1">
|
|
<li v-for="chapter in chapters" :key="chapter.path">
|
|
<NuxtLink
|
|
:to="`/modele-eco/${chapter.stem}`"
|
|
class="flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition-colors hover:bg-white/5"
|
|
active-class="bg-primary/10 text-primary font-medium"
|
|
>
|
|
<span class="font-mono text-xs text-white/30 w-5 text-right">
|
|
{{ chapter.order }}
|
|
</span>
|
|
<span class="truncate">{{ chapter.title }}</span>
|
|
</NuxtLink>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
const { data: chapters } = await useAsyncData('book-chapters', () =>
|
|
queryCollection('book').order('order', 'ASC').all(),
|
|
)
|
|
</script>
|