export async function load( { params }: { params: { slug: string }} ){
  try {
    const post = await import(`../md/${params.slug}.md`)
    const { 
      title = '', 
      date = '', 
      header_bg_image = '', 
      svg = '', 
      video = '', 
      tags = [], 
      reference = '', 
      referenceName = '', 
      tasks = [], 
      description = [], 
      images = [], 
      agency = '', 
      agencyName = '' 
    } = post.metadata
    
    // Don't pass the component - it's not serializable
    // Import it directly in the page component instead
  
    return {
      title,
      date,
      header_bg_image,
      svg,
      video,
      tags,
      slug: params.slug,
      reference,
      referenceName,
      tasks,
      description,
      images,
      agency,
      agencyName,
    }
  } catch (error) {
    console.error(error)
    throw error
  }
}