lucide/docs/.vitepress/api/icons/[iconName].get.ts

import { eventHandler, getQuery, setResponseHeader, createError } from 'h3'
import iconNodes from '../../data/iconNodes'
import createLucideIcon from 'lucide-react/src/createLucideIcon'
import { renderToString } from 'react-dom/server'
import { createElement } from 'react'

export default eventHandler((event) => {
  const { params } = event.context

  const iconNode = iconNodes[params.iconName]

  if (iconNode == null) {
    const error = createError({
      statusCode: 404,
      message: `Icon "${params.iconName}" not found`,
    })

    return sendError(event, error)
  }

  const width = getQuery(event).width || undefined
  const height = getQuery(event).height || undefined
  const color = getQuery(event).color || undefined
  const strokeWidth = getQuery(event).strokeWidth || undefined

  const LucideIcon = createLucideIcon(params.iconName, iconNode)

  const svg = Buffer.from(
    renderToString(
      createElement(LucideIcon, {
        width,
        height,
        color: color ? `#${color}` : undefined,
        strokeWidth,
      }
    ))
  ).toString('utf8');

  defaultContentType(event, 'image/svg+xml')
  setResponseHeader(event, 'Cache-Control', 'public,max-age=31536000')

  return svg

})