{
  "url": "https://unifast.dev/vi/docs/packages/core/find-code-child/",
  "locale": "vi",
  "title": "findCodeChild()",
  "description": "Tìm phần tử <code> con bên trong một phần tử cha.",
  "section": "packages",
  "body": "```ts\nimport { findCodeChild } from \"@unifast/core\";\n```\n\n## Chữ ký\n\n```ts\nfunction findCodeChild(element: HastElement): HastElement | undefined\n```\n\n## Tham số\n\n### element\n\n| Thuộc tính | Kiểu | Mặc định | Mô tả |\n|----------|------|---------|-------------|\n| `type` | `\"element\"` | — | Định danh loại nút |\n| `tagName` | `string` | — | Tên thẻ HTML (thường là `\"pre\"`) |\n| `properties` | `Record<string, unknown>` | — | Các thuộc tính của phần tử |\n| `children` | `HastNode[]` | — | Các nút con để tìm kiếm |\n\n## Giá trị trả về\n\n`HastElement | undefined` — Phần tử con đầu tiên có `tagName` là `\"code\"`, hoặc `undefined` nếu không tồn tại phần tử con nào như vậy.\n\n## Cách dùng\n\n```ts\nimport { findCodeChild } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    {\n      type: \"element\",\n      tagName: \"code\",\n      properties: { className: [\"language-js\"] },\n      children: [{ type: \"text\", value: \"const x = 1;\" }],\n    },\n  ],\n};\n\nconst code = findCodeChild(pre);\n\nconsole.log(code?.tagName);\n// code\n```\n\n## Ví dụ\n\n### Tìm code bên trong phần tử pre\n\n```ts\nimport { findCodeChild, extractLang, extractText } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    {\n      type: \"element\",\n      tagName: \"code\",\n      properties: { className: [\"language-rust\"] },\n      children: [{ type: \"text\", value: 'fn main() { println!(\"hello\"); }' }],\n    },\n  ],\n};\n\nconst code = findCodeChild(pre);\nif (code) {\n  console.log(extractLang(code));\n  // rust\n  console.log(extractText(code));\n  // fn main() { println!(\"hello\"); }\n}\n```\n\n### Khi không có phần tử code con\n\n```ts\nimport { findCodeChild } from \"@unifast/core\";\nimport type { HastElement } from \"@unifast/core\";\n\nconst pre: HastElement = {\n  type: \"element\",\n  tagName: \"pre\",\n  properties: {},\n  children: [\n    { type: \"text\", value: \"plain preformatted text\" },\n  ],\n};\n\nconst code = findCodeChild(pre);\n\nconsole.log(code);\n// undefined\n```\n\n### Kết hợp với visitHast để syntax highlighting\n\n```ts\nimport { visitHast, findCodeChild, extractLang } from \"@unifast/core\";\nimport type { HastNode, HastElement } from \"@unifast/core\";\n\nconst tree: HastNode = {\n  type: \"root\",\n  children: [\n    {\n      type: \"element\",\n      tagName: \"pre\",\n      properties: {},\n      children: [\n        {\n          type: \"element\",\n          tagName: \"code\",\n          properties: { className: [\"language-js\"] },\n          children: [{ type: \"text\", value: \"const x = 1;\" }],\n        },\n      ],\n    },\n  ],\n};\n\nvisitHast(tree, (node) => {\n  if (node.type === \"element\" && node.tagName === \"pre\") {\n    const code = findCodeChild(node);\n    if (code) {\n      const lang = extractLang(code);\n      console.log(`Found code block with language: ${lang}`);\n      // Found code block with language: js\n    }\n  }\n});\n```",
  "alternates": [
    {
      "locale": "en",
      "url": "https://unifast.dev/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ja",
      "url": "https://unifast.dev/ja/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ja/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "zh-CN",
      "url": "https://unifast.dev/zh-CN/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/zh-CN/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "zh-TW",
      "url": "https://unifast.dev/zh-TW/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/zh-TW/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ko",
      "url": "https://unifast.dev/ko/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ko/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "fr",
      "url": "https://unifast.dev/fr/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/fr/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "it",
      "url": "https://unifast.dev/it/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/it/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "es",
      "url": "https://unifast.dev/es/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/es/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "pt-BR",
      "url": "https://unifast.dev/pt-BR/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/pt-BR/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "de",
      "url": "https://unifast.dev/de/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/de/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "ru",
      "url": "https://unifast.dev/ru/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/ru/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "hi",
      "url": "https://unifast.dev/hi/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/hi/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "id",
      "url": "https://unifast.dev/id/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/id/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "tr",
      "url": "https://unifast.dev/tr/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/tr/docs/packages/core/find-code-child.json"
    },
    {
      "locale": "vi",
      "url": "https://unifast.dev/vi/docs/packages/core/find-code-child/",
      "api": "https://unifast.dev//api/vi/docs/packages/core/find-code-child.json"
    }
  ]
}