YvvandClaude Opus 5.5
b6143c5cf7
Relecture de fb8c71f..16d6607 (03/11 13h10, relayée par la session orch) : - /economique : la balance sort de derrière le bloc du livre à mi-hauteur, loin du sol de la maraîchère ; - authentification-wot : la toile de confiance, petite, en marge sur la dernière ligne des étapes (le bloc n'a pas de fond) ; - chapitres : le filet au-dessus de précédent / suivant est tracé (border-t seul n'a pas de style ici) ; le cartonnier s'y pose ; - /evenement : l'acrobate passe au bout de la ligne du leitmotiv, le régisseur reste seul près de « Format & lieu » ; - sommaire du livre : empileur plus loin, illustratrice moins sortie : plus de bande commune. Trouvés par le contrôle étendu : le débogueur (logiciel-libre) sur la dernière ligne des étapes, la vigneronne (monnaie-libre) derrière le bloc de texte, qui a un fond. Console, décision d'orch du 03/11 à 13h10 : au premier geste, un curseur non touché que la rotation faisait descendre s'arrête là où il est ; un curseur qui montait finit sa montée. docs/consignes-yvv.md (« Ce que fait le code ») et docs/da-oiseaux.md suivent. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
96 lines
3.1 KiB
Vue
96 lines
3.1 KiB
Vue
<template>
|
|
<div v-if="chapter" class="relative">
|
|
<!-- The book's trades in the margins: the two who write keep their way, on the left -->
|
|
<UiOiseauPose nom="calligraphe" pose="libre" right="calc(100% + 40px)" top="40px" :w="112" />
|
|
<UiOiseauPose nom="typographe" pose="libre" right="calc(100% + 64px)" top="46%" :w="100" />
|
|
<UiOiseauPose nom="correcteur" pose="libre" left="calc(100% + 40px)" bottom="140px" :w="108" retourne />
|
|
<BookChapterHeader
|
|
:title="chapter.title"
|
|
:description="chapter.description"
|
|
:order="chapter.order"
|
|
:reading-time="chapter.readingTime"
|
|
:chapter-slug="slug"
|
|
/>
|
|
|
|
<BookChapterContent :content="chapter" />
|
|
|
|
<!-- Prev / Next navigation. The rule above it is drawn (border-t alone sets no style here):
|
|
the box maker stands on it -->
|
|
<nav class="relative mt-16 flex items-center justify-between border-t border-t-solid border-white/8 pt-8">
|
|
<UiOiseauPose nom="cartonnier" pose="perche" left="calc(50% - 38px)" :w="76" />
|
|
<NuxtLink
|
|
v-if="prevChapter"
|
|
:to="`/economique/modele-eco/${prevChapter.stem?.split('/').pop()}`"
|
|
class="btn-ghost gap-2"
|
|
>
|
|
<div class="i-lucide-arrow-left h-4 w-4" />
|
|
<span class="text-sm">{{ prevChapter.title }}</span>
|
|
</NuxtLink>
|
|
<div v-else />
|
|
|
|
<NuxtLink
|
|
v-if="nextChapter"
|
|
:to="`/economique/modele-eco/${nextChapter.stem?.split('/').pop()}`"
|
|
class="btn-ghost gap-2"
|
|
>
|
|
<span class="text-sm">{{ nextChapter.title }}</span>
|
|
<div class="i-lucide-arrow-right h-4 w-4" />
|
|
</NuxtLink>
|
|
<div v-else />
|
|
</nav>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({
|
|
layout: 'reading',
|
|
})
|
|
|
|
const route = useRoute()
|
|
const slug = route.params.slug as string
|
|
|
|
// Scroll to top when navigating between chapters (component reused by Vue Router)
|
|
watch(() => slug, () => {
|
|
if (import.meta.client) window.scrollTo({ top: 0, behavior: 'instant' })
|
|
})
|
|
|
|
// Initialize guided mode
|
|
useGuidedMode()
|
|
|
|
const { data: chapter } = await useAsyncData(`chapter-${slug}`, () =>
|
|
queryCollection('book').path(`/book/${slug}`).first(),
|
|
)
|
|
|
|
if (!chapter.value) {
|
|
throw createError({ statusCode: 404, statusMessage: 'Chapitre non trouvé' })
|
|
}
|
|
|
|
useSeoPage({
|
|
title: chapter.value?.title ?? slug,
|
|
description: chapter.value?.description as string ?? `Chapitre « ${chapter.value?.title} » — Une économie du don, enfin concevable.`,
|
|
image: '/images/Couv-Economie-du-don.jpg',
|
|
type: 'article',
|
|
})
|
|
|
|
// Get adjacent chapters for navigation
|
|
const { data: allChapters } = await useAsyncData('book-nav', () =>
|
|
queryCollection('book').order('order', 'ASC').all(),
|
|
)
|
|
|
|
const currentIndex = computed(() =>
|
|
allChapters.value?.findIndex(c => c.stem?.split('/').pop() === slug) ?? -1,
|
|
)
|
|
|
|
const prevChapter = computed(() => {
|
|
const idx = currentIndex.value
|
|
if (idx <= 0 || !allChapters.value) return null
|
|
return allChapters.value[idx - 1]
|
|
})
|
|
|
|
const nextChapter = computed(() => {
|
|
const idx = currentIndex.value
|
|
if (!allChapters.value || idx >= allChapters.value.length - 1) return null
|
|
return allChapters.value[idx + 1]
|
|
})
|
|
</script>
|