{
  "url": "https://unifast.dev/vi/docs/packages/highlight/overview/",
  "locale": "vi",
  "title": "@unifast/highlight",
  "description": "Plugin syntax highlighting dựa trên highlight.js cho unifast thông qua các phép biến đổi HAST",
  "section": "packages",
  "body": "## Tổng quan\n\n`@unifast/highlight` cung cấp khả năng syntax highlighting được hỗ trợ bởi [lowlight](https://github.com/wooorm/lowlight) (một wrapper của highlight.js). Khác với các plugin tích hợp sẵn `syntect()` và `treeSitter()` chạy highlight trong Rust, gói này áp dụng highlight dưới dạng một phép biến đổi HAST trong JavaScript sau khi biên dịch — cho phép bạn tận dụng hệ sinh thái ngôn ngữ và theme phong phú của highlight.js.\n\n## Cài đặt\n\n## Bắt đầu nhanh\n\n```ts\n\nconst md = `\n\\`\\`\\`javascript\nconst x = 42;\nconsole.log(x);\n\\`\\`\\`\n`;\n\nconst result = compile(md, {\n  plugins: [highlight()],\n});\n\nconsole.log(result.output);\n// Code blocks are highlighted with highlight.js CSS classes\n```\n\n## Cách hoạt động\n\n1. Trình biên dịch Rust sinh ra đầu ra HAST với các khối `<pre><code>` chưa được highlight\n2. `hastTransform` của plugin `highlight()` duyệt cây HAST\n3. Với mỗi phần tử `<code>` có class `language-*`, lowlight sẽ highlight đoạn mã\n4. Các nút HAST đã highlight sẽ thay thế các con ban đầu\n\nVì nó chạy dưới dạng phép biến đổi HAST, việc highlight native của Rust (`syntect` / `treeSitter`) phải được tắt đi. Plugin sẽ tự động thiết lập `highlight.enabled: false` trong các tùy chọn biên dịch.\n\n## Tổng hợp các export\n\n| Export | Loại | Mô tả |\n|--------|------|-------------|\n| `highlight` | function | Tạo plugin biến đổi HAST bằng highlight.js |",
  "alternates": [
    {
      "locale": "en",
      "url": "https://unifast.dev/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/docs/packages/highlight/overview.json"
    },
    {
      "locale": "ja",
      "url": "https://unifast.dev/ja/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/ja/docs/packages/highlight/overview.json"
    },
    {
      "locale": "zh-CN",
      "url": "https://unifast.dev/zh-CN/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/zh-CN/docs/packages/highlight/overview.json"
    },
    {
      "locale": "zh-TW",
      "url": "https://unifast.dev/zh-TW/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/zh-TW/docs/packages/highlight/overview.json"
    },
    {
      "locale": "ko",
      "url": "https://unifast.dev/ko/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/ko/docs/packages/highlight/overview.json"
    },
    {
      "locale": "fr",
      "url": "https://unifast.dev/fr/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/fr/docs/packages/highlight/overview.json"
    },
    {
      "locale": "it",
      "url": "https://unifast.dev/it/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/it/docs/packages/highlight/overview.json"
    },
    {
      "locale": "es",
      "url": "https://unifast.dev/es/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/es/docs/packages/highlight/overview.json"
    },
    {
      "locale": "pt-BR",
      "url": "https://unifast.dev/pt-BR/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/pt-BR/docs/packages/highlight/overview.json"
    },
    {
      "locale": "de",
      "url": "https://unifast.dev/de/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/de/docs/packages/highlight/overview.json"
    },
    {
      "locale": "ru",
      "url": "https://unifast.dev/ru/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/ru/docs/packages/highlight/overview.json"
    },
    {
      "locale": "hi",
      "url": "https://unifast.dev/hi/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/hi/docs/packages/highlight/overview.json"
    },
    {
      "locale": "id",
      "url": "https://unifast.dev/id/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/id/docs/packages/highlight/overview.json"
    },
    {
      "locale": "tr",
      "url": "https://unifast.dev/tr/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/tr/docs/packages/highlight/overview.json"
    },
    {
      "locale": "vi",
      "url": "https://unifast.dev/vi/docs/packages/highlight/overview/",
      "api": "https://unifast.dev//api/vi/docs/packages/highlight/overview.json"
    }
  ]
}