Function ExampleCode

docs/components/example-code.tsx:11–25

({ filePath, metadata, example })

  metadata: string
  example: string
}> = async ({ filePath, metadata, example }) => {
  const pageContent = await fs.readFile(
    `../examples/${example}/${filePath}`,
    'utf8'
  )
  const ext = path.extname(filePath).slice(1)

  const rawJs = await compileMdx(
    `~~~${ext} filename="${filePath}" showLineNumbers ${metadata}
${pageContent.trim()}
~~~`,
    { defaultShowCopyCode: true }
  )
  return <MDXRemote compiledSource={rawJs} />
}