--- import Layout from './Layout.astro'; import { getLangFromUrl, useTranslations } from '../utils/i18n'; import type { CollectionEntry } from 'astro:content'; import { getCollection } from 'astro:content'; interface Props { tutorial: CollectionEntry<'tutorials'>; courseName: string; } const { tutorial, courseName } = Astro.props; const { data } = tutorial; const lang = getLangFromUrl(Astro.url); // Format date based on language const formattedDate = new Intl.DateTimeFormat(lang === 'de' ? 'de-DE' : 'en-US', { year: 'numeric', month: 'long', day: 'numeric', }).format(data.pubDate); // Category translation const t = useTranslations(lang); const categoryKey = `tutorials.categories.${data.category}` as const; // Get all tutorials that belong to this course const allTutorials = await getCollection('tutorials', ({ id, data }) => { return id.startsWith(lang + '/') && data.course === courseName; }); // Sort by lesson number const sortedCourseLessons = allTutorials.sort( (a, b) => (a.data.lessonNumber || 0) - (b.data.lessonNumber || 0) ); // Find current lesson index const currentLessonIndex = sortedCourseLessons.findIndex((lesson) => lesson.slug === tutorial.slug); // Get next and previous lessons const previousLesson = currentLessonIndex > 0 ? sortedCourseLessons[currentLessonIndex - 1] : null; const nextLesson = currentLessonIndex < sortedCourseLessons.length - 1 ? sortedCourseLessons[currentLessonIndex + 1] : null; // Generate lesson URLs function getLessonUrl(lesson: CollectionEntry<'tutorials'>) { const slugParts = lesson.slug.split('/'); const fileName = slugParts[slugParts.length - 1]; return lang === 'de' ? `/tutorials/${fileName}` : `/${lang}/tutorials/${fileName}`; } ---

{data.courseName || courseName}

Lektion {data.lessonNumber} von {sortedCourseLessons.length}

{data.title}

{data.description}

{data.image && {data.title}

}

{t(categoryKey)} {data.author} {formattedDate}