Fix Authors and LerningPaths

astro.config.mjs

@@ -144,5 +144,9 @@ export default defineConfig({
         }
       }
     }
+  },
+  experimental: {
+    responsiveImages: true,
+    svg: true
   }
 })

src/components/ArticleMeta.astro

@@ -4,15 +4,18 @@ import FormattedDate from '@components/FormattedDate.astro'
 
 interface Props {
   date: Date
-  author: object
+  author: {
+    id: string
+    [key: string]: any
+  }
   readingTime: {
     minutes: number
     words: number
   }
 }
 
 const { date, author, readingTime } = Astro.props
-const authorProfile = await getEntry('authors', (author as { id: string }).id)
+const authorProfile = await getEntry('authors', author.id)
 ---
 
 <div class='meta'>

src/components/Switch.astro

@@ -4,7 +4,7 @@ const currentPath = pathname.split('/').slice(3).join('').trim()
 
 interface LearnPath {
   title: string
-  id: string
+  slug: string
 }
 
 export interface Props {
@@ -19,11 +19,11 @@ const { entries } = Astro.props
     {
       entries.map(
         (entry) =>
-          entry.id && (
+          entry.slug && (
             <li>
               <a
-                href={entry.id}
-                class:list={[currentPath === entry.id ? 'current' : null]}
+                href={entry.slug}
+                class:list={[currentPath === entry.slug ? 'current' : null]}
               >
                 {entry.title}
               </a>

src/content.config.ts

@@ -1,5 +1,5 @@
 import { defineCollection, reference, z } from 'astro:content'
-import { glob } from 'astro/loaders'
+import { glob, file } from 'astro/loaders'
 
 const tutorials = defineCollection({
   loader: glob({ pattern: '**/*.mdx', base: './src/data/tutorials' }),
@@ -32,10 +32,10 @@ const tutorials = defineCollection({
 })
 
 const authors = defineCollection({
-  loader: glob({ pattern: '**/[^_]*.json', base: './src/data/authors' }),
+  loader: file('./src/data/authors.json'),
   schema: z.object({
     name: z.string(),
-    bio: z.string(),
+    bio: z.string().optional(),
     threads: z.string().optional()
   })
 })

src/data/authors.json

@@ -0,0 +1,8 @@
+[
+  {
+    "id": "david-maciejewski",
+    "name": "David Maciejewski",
+    "bio": "UI-UX Engineer",
+    "threads": "https://www.threads.net/@macx"
+  }
+]

src/pages/tutorials/lernpfade/[...slug].astro

@@ -44,7 +44,7 @@ const collection = (related ?? []).map((id: string) => {
       <Switch
         entries={learningPaths.map(({ data }: { data: any }) => ({
           title: data.title || '',
-          id: data.id || ''
+          slug: data.slug || ''
         }))}
       />