{
  "url": "https://unifast.dev/ko/docs/packages/shiki/create-shiki-transformer/",
  "locale": "ko",
  "title": "createShikiTransformer()",
  "description": "더 저수준의 제어가 필요할 때 사용하는 단독 Shiki 트랜스포머를 생성합니다. createShikiPlugin()과 달리 HAST 트리에 수동으로 적용할 수 있는 원시 트랜스포머 객체를 반환합니다.",
  "section": "packages",
  "body": "```ts\n\n```\n\n## 시그니처\n\n```ts\nasync function createShikiTransformer(\n  options?: ShikiTransformerOptions,\n): Promise<ShikiTransformer>\n```\n\n## 매개변수\n\n### options?\n\nShiki 설정 (테마, 언어)\n\n| 속성 | 타입 | 기본값 | 설명 |\n|----------|------|---------|-------------|\n| `themes` | `BundledTheme[]` | `[\"github-dark\"]` | 로드할 Shiki 테마 |\n| `defaultTheme` | `BundledTheme` | `themes`의 첫 번째 | 렌더링에 사용할 기본 테마 |\n| `langs` | `BundledLanguage[]` | `[]` | 로드할 언어. 로드된 언어만 강조됩니다. |\n\n## 사용법\n\n```ts\n\nconst transformer = await createShikiTransformer({\n  themes: [\"github-dark\", \"github-light\"],\n  defaultTheme: \"github-dark\",\n  langs: [\"typescript\", \"rust\", \"json\"],\n});\n\nconst result = compile(md, { outputKind: \"hast\" });\nconst hast: HastRoot = JSON.parse(result.output as string);\nconst highlighted = transformer.transform(hast);\n\nconsole.log(highlighted);\n// Shiki로 강조된 코드 블록을 포함한 HAST 트리\n```\n\n## 예시\n\n### 수동 HAST 변환\n\n```ts\n\nconst transformer = await createShikiTransformer({\n  themes: [\"github-dark\"],\n  langs: [\"typescript\"],\n});\n\nconst result = compile(\"```ts\\nconst x = 1;\\n```\", { outputKind: \"hast\" });\nconst hast: HastRoot = JSON.parse(result.output as string);\nconst highlighted = transformer.transform(hast);\nconst html = hastToHtml(highlighted);\n\nconsole.log(html);\n// Shiki로 강조된 <span> 요소가 포함된 <pre>\n```\n\n### React 렌더링과 함께\n\n```tsx\n\nconst transformer = await createShikiTransformer({\n  themes: [\"github-dark\"],\n  langs: [\"typescript\"],\n});\n\nconst result = compile(md, { outputKind: \"hast\" });\nconst hast: HastRoot = JSON.parse(result.output as string);\nconst highlighted = transformer.transform(hast);\nconst element = hastToReact(highlighted, { createElement, Fragment });\n```",
  "alternates": [
    {
      "locale": "en",
      "url": "https://unifast.dev/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "ja",
      "url": "https://unifast.dev/ja/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/ja/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "zh-CN",
      "url": "https://unifast.dev/zh-CN/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/zh-CN/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "zh-TW",
      "url": "https://unifast.dev/zh-TW/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/zh-TW/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "ko",
      "url": "https://unifast.dev/ko/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/ko/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "fr",
      "url": "https://unifast.dev/fr/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/fr/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "it",
      "url": "https://unifast.dev/it/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/it/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "es",
      "url": "https://unifast.dev/es/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/es/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "pt-BR",
      "url": "https://unifast.dev/pt-BR/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/pt-BR/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "de",
      "url": "https://unifast.dev/de/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/de/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "ru",
      "url": "https://unifast.dev/ru/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/ru/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "hi",
      "url": "https://unifast.dev/hi/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/hi/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "id",
      "url": "https://unifast.dev/id/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/id/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "tr",
      "url": "https://unifast.dev/tr/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/tr/docs/packages/shiki/create-shiki-transformer.json"
    },
    {
      "locale": "vi",
      "url": "https://unifast.dev/vi/docs/packages/shiki/create-shiki-transformer/",
      "api": "https://unifast.dev//api/vi/docs/packages/shiki/create-shiki-transformer.json"
    }
  ]
}