@intlayer/docs 9.3.3 → 9.4.0

package/docs/vi/cli/login.md

@@ -122,6 +122,34 @@ INTLAYER_CLIENT_SECRET=your_client_secret
 }
 ```
 
+## Giữ an toàn cho access key
+
+`intlayer login` cấp một **access key**: một cặp `clientId` / `clientSecret` mà mọi lệnh có xác thực (`push`, `pull`, `fill`, `configuration push`, `live`, …) sử dụng để xác thực.
+
+```typescript fileName="intlayer.config.ts" codeFormat={["typescript", "esm", "commonjs"]}
+import type { IntlayerConfig } from "intlayer";
+
+const config: IntlayerConfig = {
+  editor: {
+    clientId: process.env.INTLAYER_CLIENT_ID,
+    clientSecret: process.env.INTLAYER_CLIENT_SECRET,
+  },
+};
+
+export default config;
+```
+
+> **`clientSecret` là một thông tin xác thực phía máy chủ.** Nó cấp quyền truy cập đầy đủ API trong phạm vi dự án — đọc và ghi từ điển, dự án và tổ chức của bạn. Hãy giữ nó trong `.env` (git-ignored) hoặc kho secret CI của bạn, và không bao giờ inline nó trong tệp cấu hình.
+
+Intlayer thực thi điều này thay vì chỉ ghi tài liệu:
+
+- `clientSecret` bị **loại bỏ khỏi cấu hình mà bundler của bạn inline**, do đó nó không thể đến được browser bundle cho dù bạn sử dụng framework integration nào. Nó chỉ được đọc phía máy chủ, tại runtime, từ môi trường.
+- `clientId` khác: nó là **public** project key, an toàn để ship, và được sử dụng bởi [`@intlayer/analytics`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/analytics.md#how-events-are-authenticated) để lấy một token có thời hạn ngắn, chỉ dùng cho ingest.
+
+Chỉ cần comment `clientId` là đủ để vô hiệu hóa mọi hành vi có xác thực — fetching từ điển từ xa, truy cập CMS, analytics — thậm chí khi các biến môi trường vẫn được định nghĩa.
+
+Đối với CI pipelines, hãy ưu tiên [`ci` command](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/ci.md), nó chèn các thông tin xác thực trong suốt một lần chạy duy nhất thay vì duy trì chúng.
+
 ## Cấu hình thủ công
 
 Nếu trình duyệt không tự mở, bạn có thể truy cập thủ công URL hiển thị trong terminal.
@@ -214,8 +242,6 @@ Sau khi hoàn tất đăng nhập:
    - [`npx intlayer push`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/push.md) - Đẩy từ điển lên CMS
    - [`npx intlayer pull`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/pull.md) - Kéo từ điển từ CMS
 
-- [`npx intlayer fill`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/fill.md) - Điền các bản dịch còn thiếu
-
 ## Xem thêm
 
 - [Tài liệu CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/index.md)

package/docs/vi/compiler.md

@@ -40,6 +40,12 @@ author: aymericzip
 
 ## Tại sao nên sử dụng Trình Biên Dịch Intlayer?
 
+- **Automation**: Loại bỏ việc sao chép nội dung thủ công vào các từ điển.
+
+- **Speed**: Trích xuất nội dung được tối ưu hóa đảm bảo quy trình build của bạn vẫn nhanh chóng.
+
+- **Developer Experience**: Giữ các khai báo nội dung ngay tại nơi chúng được sử dụng, cải thiện khả năng bảo trì.
+
 - **Tự động hóa**: Loại bỏ việc sao chép thủ công nội dung vào từ điển.
 - **Tốc độ**: Tối ưu hóa việc trích xuất nội dung đảm bảo quá trình build của bạn vẫn nhanh.
 - **Trải nghiệm nhà phát triển**: Giữ các khai báo nội dung ngay tại nơi chúng được sử dụng, cải thiện khả năng bảo trì.
@@ -54,6 +60,8 @@ Mặc dù trình biên dịch mang lại trải nghiệm "hoạt động ngay" t
 - **Sự mơ hồ của heuristic**: Trình biên dịch phải đoán xem đâu là nội dung hướng đến người dùng so với logic ứng dụng (ví dụ: `className="active"`, mã trạng thái, ID sản phẩm). Trong các codebase phức tạp, điều này có thể dẫn đến dương tính giả hoặc các chuỗi bị bỏ sót cần chú thích thủ công và ngoại lệ.
 - **Chỉ trích xuất tĩnh**: Trích xuất dựa trên trình biên dịch dựa vào phân tích tĩnh. Các chuỗi chỉ tồn tại ở thời gian chạy (mã lỗi API, trường CMS, v.v.) không thể được phát hiện hoặc dịch bởi trình biên dịch một mình, vì vậy bạn vẫn cần một chiến lược i18n thời gian chạy bổ sung.
 
+- **Trích xuất chỉ tĩnh**: Trích xuất dựa trên trình biên dịch dựa vào phân tích tĩnh. Các chuỗi chỉ tồn tại trong thời gian chạy (mã lỗi API, các trường CMS, v.v.) không thể được phát hiện hoặc dịch bởi trình biên dịch một mình, vì vậy bạn vẫn cần một chiến lược i18n runtime bổ sung.
+
 Để có so sánh kiến trúc sâu hơn, xem bài viết blog [Compiler vs. Declarative i18n](https://github.com/aymericzip/intlayer/blob/main/docs/blog/vi/compiler_vs_declarative_i18n.md).
 
 Như một giải pháp thay thế, để tự động hóa quy trình i18n của bạn trong khi vẫn giữ quyền kiểm soát hoàn toàn đối với nội dung của bạn, Intlayer cũng cung cấp lệnh tự động trích xuất `intlayer extract` (xem [tài liệu CLI](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/extract.md)), hoặc lệnh `Intlayer: extract content to Dictionary` từ tiện ích mở rộng Intlayer VS Code (xem [tài liệu tiện ích mở rộng VS Code](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/vs_code_extension.md)).
@@ -94,12 +102,18 @@ export default defineConfig({
 });
 ```
 
+> Plugin `intlayerCompiler()` độc lập vẫn được export cho các setup nâng cao. Đăng ký nó cùng với `intlayer()` là an toàn — compiler tự động loại bỏ các bản sao và chỉ chạy một lần.
+
 See complete tutorial: [Intlayer Compiler with Vite+React](https://github.com/aymericzip/intlayer/blob/main/docs/docs/en/intlayer_with_vite+react_compiler.md)
 
 #### Hỗ trợ Framework
 
 Plugin Vite tự động phát hiện và xử lý các loại file khác nhau:
 
+- **React / JSX / TSX**: Được xử lý một cách native.
+
+- **Vue**: Yêu cầu `@intlayer/vue-compiler`.
+
 - **React / JSX / TSX**: Xử lý một cách tự nhiên.
 - **Vue**: Yêu cầu `@intlayer/vue-compiler`.
 - **Svelte**: Yêu cầu `@intlayer/svelte-compiler`.

package/docs/vi/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-08-06
+updatedAt: 2026-08-22
 title: Cấu hình (Configuration)
 description: Tìm hiểu cách cấu hình Intlayer cho ứng dụng của bạn. Hiểu các cài đặt và tùy chọn khác nhau có sẵn để tùy chỉnh Intlayer theo nhu cầu của bạn.
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - concept
   - configuration
 history:
+  - version: 9.3.3
+    date: 2026-08-22
+    changes: "Bật phân tích theo mặc định khi `@intlayer/analytics` được cài đặt"
   - version: 9.1.3
     date: 2026-08-06
     changes: "Chuyển `routing.enableProxy` thành ba trạng thái: không đặt (auto), `true`, `false`"
@@ -379,8 +382,8 @@ const config: IntlayerConfig = {
   analytics: {
     /**
      * Có bật thu thập dữ liệu phân tích hay không (lượt xem trang, hiển thị nội dung, sự kiện A/B).
-     * Yêu cầu phải thiết lập `editor.clientId` để phục vụ việc quy kết (attribution).
-     * Mặc định: false
+     * Yêu cầu đã cài đặt `@intlayer/analytics` và thiết lập `editor.clientId` để phục vụ việc quy kết (attribution).
+     * Mặc định: true
      */
     enabled: true,
 
@@ -730,19 +733,17 @@ Xác định cài đặt cho visual editor, bao gồm cổng máy chủ và tr
 | `liveSyncPort`               | Cổng của máy chủ Live Sync.                                                                                                                                       | `number`                          | `4000`                              | `4000`                                                                                          |                                                                                                                                                                                                                                             |
 | `liveSyncURL`                | URL của máy chủ Live Sync.                                                                                                                                        | `string`                          | `'http://localhost:{liveSyncPort}'` | `'https://example.com'`                                                                         | Trỏ đến localhost theo mặc định; có thể được thay đổi để trỏ đến máy chủ Live Sync từ xa.                                                                                                                                                   |
 
----
-
 ### Cấu hình Phân tích (Analytics)
 
 Xác định các cài đặt liên quan đến phân tích của Intlayer: thu thập dữ liệu về nội dung thực sự được hiển thị cho người dùng (lượt xem trang, hiển thị nội dung) và hỗ trợ thử nghiệm A/B trên nội dung.
 
-Tính năng phân tích hoàn toàn là tùy chọn tham gia (opt-in): không có gì được thu thập trừ khi `analytics.enabled` được đặt rõ ràng thành `true` **và** một khóa dự án (`editor.clientId`) được cấu hình để quy kết. Khi bị vô hiệu hóa (mặc định), toàn bộ tích hợp phân tích sẽ bị loại bỏ khỏi gói ứng dụng của bạn (dead-code elimination).
+Tính năng phân tích là tùy chọn từ chối (opt-out): nó được bật theo mặc định và bắt đầu thu thập ngay khi gói `@intlayer/analytics` được cài đặt **và** một khóa dự án (`editor.clientId`) được cấu hình để quy kết. Đặt `analytics.enabled` thành `false` — hoặc không cài gói — thì toàn bộ tích hợp phân tích sẽ bị loại bỏ khỏi gói ứng dụng của bạn (dead-code elimination).
 
-| Trường          | Mô tả                                                                            | Kiểu      | Mặc định | Ví dụ   | Ghi chú                                                                                                                                    |
-| --------------- | -------------------------------------------------------------------------------- | --------- | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
-| `enabled`       | Bật thu thập dữ liệu phân tích (lượt xem trang, hiển thị nội dung, sự kiện A/B). | `boolean` | `false`  | `true`  | Yêu cầu phải thiết lập `editor.clientId` để phục vụ việc quy kết; nếu không, phân tích vẫn bị vô hiệu hóa ngay cả khi `enabled` là `true`. |
-| `flushInterval` | Số mili giây giữa các lần gửi hàng loạt tự động đến backend.                     | `number`  | `20000`  | `10000` |                                                                                                                                            |
-| `sampleRate`    | Tỷ lệ phiên được ghi lại, từ `0` (không có) đến `1` (tất cả).                    | `number`  | `1`      | `0.5`   | Việc lấy mẫu là xác định theo từng phiên, vì vậy một phiên được ghi lại sẽ báo cáo tất cả các sự kiện của nó (không có phễu một phần).     |
+| Trường          | Mô tả                                                                            | Kiểu      | Mặc định | Ví dụ   | Ghi chú                                                                                                                                                                   |
+| --------------- | -------------------------------------------------------------------------------- | --------- | -------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `enabled`       | Bật thu thập dữ liệu phân tích (lượt xem trang, hiển thị nội dung, sự kiện A/B). | `boolean` | `true`   | `false` | Yêu cầu đã cài đặt `@intlayer/analytics` và thiết lập `editor.clientId` để phục vụ việc quy kết; nếu không, phân tích vẫn bị vô hiệu hóa ngay cả khi `enabled` là `true`. |
+| `flushInterval` | Số mili giây giữa các lần gửi hàng loạt tự động đến backend.                     | `number`  | `20000`  | `10000` |                                                                                                                                                                           |
+| `sampleRate`    | Tỷ lệ phiên được ghi lại, từ `0` (không có) đến `1` (tất cả).                    | `number`  | `1`      | `0.5`   | Việc lấy mẫu là xác định theo từng phiên, vì vậy một phiên được ghi lại sẽ báo cáo tất cả các sự kiện của nó (không có phễu một phần).                                    |
 
 ---
 
@@ -983,6 +984,13 @@ Các cài đặt liên quan đến các đường dẫn nội bộ và kết qu
 
 Tham số điều khiển các hoạt động của dictionary, bao gồm hành vi tự động điền (auto-fill) và thế hệ nội dung.
 
+Cấu hình từ điển này phục vụ hai mục đích chính:
+
+1. **Giá trị mặc định**: Xác định giá trị mặc định khi tạo tệp khai báo nội dung
+2. **Hành vi dự phòng**: Cung cấp giá trị dự phòng khi các trường cụ thể không được xác định, cho phép bạn xác định hành vi hoạt động của từ điển trên toàn cầu
+
+Để biết thêm thông tin về các tệp khai báo nội dung và cách các giá trị cấu hình được áp dụng, hãy xem [Tài liệu Tệp Nội dung](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/dictionary/content_file.md).
+
 | Trường                      | Mô tả                                                                                                                                                      | Kiểu dữ liệu                                                                                                    | Mặc định     | Ví dụ                                                                                       | Nhận xét                                                                                                                                                                                                                                                                                                                                                                                          |
 | --------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | `fill`                      | Điều khiển cách các tệp đầu ra auto-fill (bản dịch bằng AI) được tạo ra.                                                                                   | `boolean` &#124; <br/> `FilePathPattern` &#124; <br/> `Partial<Record<Locale, boolean &#124; FilePathPattern>>` | `true`       | `{ en: '/locales/en/{{key}}.json', fr: ({ key }) => '/locales/fr/${key}.json', es: false }` | • `true`: Đường dẫn mặc định (cùng tệp với nguồn).<br/>• `false`: Vô hiệu hóa.<br/>• Template string/Hàm bật tạo tệp theo từng locale.<br/>• Đối tượng theo từng locale: Mỗi locale khớp với template của riêng nó; `false` loại bỏ locale đó.<br/>• Việc bao gồm `{{locale}}` bật tạo tệp theo từng locale.<br/>• Cài đặt `fill` ở cấp độ dictionary luôn được ưu tiên hơn cài đặt toàn cầu này. |
@@ -1022,8 +1030,6 @@ Các tham số để tùy chỉnh đầu ra log của Intlayer.
 | `mode`   | Biểu thị chế độ logger.               | `'default'` &#124; <br/> `'verbose'` &#124; <br/> `'disabled'` | `'default'`     | `'verbose'`            | • `'verbose'`: Ghi lại nhiều thông tin hơn cho quá trình gỡ lỗi.<br/>• `'disabled'`: Vô hiệu hóa logger hoàn toàn. |
 | `prefix` | Tiền tố cho tất cả các thông báo log. | `string`                                                       | `'[intlayer] '` | `'[tiền tố của tôi] '` |                                                                                                                    |
 
----
-
 ### Cấu hình AI (AI)
 
 Cài đặt điều khiển các tính năng AI của Intlayer, bao gồm nhà cung cấp, model và khóa API.
@@ -1063,8 +1069,6 @@ Intlayer hỗ trợ đa dạng các nhà cung cấp AI để mang lại sự lin
 | `baseURL`            | URL cơ sở cho AI API.                                                                                                                   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                             | Không có    | `'https://api.openai.com/v1'` <br/> `'http://localhost:5000'` | Có thể trỏ tới các endpoint AI API cục bộ hoặc tùy chỉnh.                                                                                                                                       |
 | `dataSerialization`  | Định dạng tuần tự hóa dữ liệu cho các tính năng AI.                                                                                     | `'json'` &#124; <br/> `'toon'`                                                                                                                                                                                                                                                                                                                                                                                                                       | `undefined` | `'toon'`                                                      | • `'json'`: mặc định, đáng tin cậy; sử dụng nhiều token hơn.<br/>• `'toon'`: ít token hơn, kém ổn định hơn.<br/>• Chuyển ngữ cảnh cho model dưới dạng một tham số phụ (reasoning effort, v.v.). |
 
----
-
 ### Cấu hình Build (Build)
 
 Các tham số kiểm soát cách Intlayer tối ưu hóa và biên dịch quá trình quốc tế hóa ứng dụng của bạn.
@@ -1102,8 +1106,6 @@ Trình kiểm soát trình biên dịch Intlayer, thu thập các bộ từ đi
 | `noMetadata`          | Nếu `true`, trình biên dịch sẽ xóa siêu dữ liệu (metadata) của từ điển (khóa, content wrapper) khỏi đầu ra.                                                                                                                                                                                               | `boolean`                                                                                                       | `false`     | `false` → `{"key":"my-key","content":{"key":"value"}}` <br/> `true` → `{"key":"value"}`                                                                  | • Hữu ích cho định dạng i18next hoặc đầu ra ICU MessageFormat JSON.<br/>• Hoạt động tốt với plugin `loadJSON`.                                                                                                                                           |
 | `dictionaryKeyPrefix` | Tiền tố khóa từ điển (Dictionary key prefix)                                                                                                                                                                                                                                                              | `string`                                                                                                        | `''`        |                                                                                                                                                          | Thêm tiền tố tùy chọn cho các khóa bộ từ điển được trích xuất                                                                                                                                                                                            |
 
----
-
 ### Các Schema Tùy chỉnh (Custom Schemas)
 
 | Trường    | Mô tả                                                                           | Kiểu dữ liệu                |

package/docs/vi/custom_domains.md

@@ -138,6 +138,37 @@ getMultilingualUrls("/about", { currentDomain: "intlayer.org" });
 
 Các URL tuyệt đối này đã sẵn sàng để sử dụng trong các thẻ `<link rel="alternate" hreflang="...">` cho SEO.
 
+## Suy luận kiểu dữ liệu
+
+`routing.domains` được serialize vào module augmentation được tạo, do đó
+`getLocalizedUrl` và `getLocalizedPath` thu hẹp kiểu trả về của chúng thành URL chính xác
+mà một locale được định tuyến theo domain sẽ phân giải thành — bao gồm cả việc loại bỏ prefix.
+
+```ts
+// routing: { mode: 'prefix-no-default', domains: { en: 'intlayer.org', zh: 'intlayer.zh' } }
+
+getLocalizedUrl("/about", "zh");
+//     ^? "https://intlayer.zh/about" | "/about"
+
+getLocalizedPath("/about", "zh");
+//     ^? "/about"   (không bao giờ là origin, và không có /zh/ prefix)
+```
+
+Kiểu URL là **union** của hai giá trị mà hàm có thể trả về: URL tuyệt đối trên domain của locale,
+và URL tương đối mà nó trả về khi trang đang được render đã nằm trên domain đó. `getLocalizedPath` không có sự
+mơ hồ như vậy - nó không bao giờ phát ra một origin - do đó nó vẫn là một literal duy nhất.
+
+Các locale chia sẻ một domain sẽ giữ prefix bình thường của chúng trong kiểu như sau:
+
+```ts
+getLocalizedUrl("/about", "fr");
+//     ^? "https://intlayer.org/fr/about" | "/fr/about"
+```
+
+> Tái tạo các kiểu dữ liệu (`npx intlayer build`, hoặc bất kỳ lần chạy dev server nào) sau khi
+> thay đổi `routing.domains` - việc thu hẹp đến từ
+> `__RoutingRegistry` được tạo, chứ không phải từ chính tệp cấu hình.
+
 ## Hành vi Proxy
 
 ### Next.js
@@ -170,6 +201,8 @@ GET intlayer.zh/about
 
 Plugin Vite `intlayerProxy` áp dụng logic tương tự trong quá trình phát triển:
 
+> Kể từ Intlayer v9, `intlayerProxy()` được đóng gói trực tiếp vào plugin `intlayer()` và được bật mặc định thông qua tùy chọn `routing.enableProxy` (`true` theo mặc định). Đăng ký nó riêng biệt như hiển thị bên dưới hiện là tùy chọn — nó được giữ lại để tương thích ngược và cho các thiết lập cần kiểm soát thứ tự plugin. Đặt `routing.enableProxy: false` để từ chối. Xem [ghi chú phát hành v9](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/releases/v9.md).
+
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
 import { intlayer } from "vite-intlayer";

package/docs/vi/custom_url_rewrites.md

@@ -248,7 +248,7 @@ Intlayer nội bộ chuẩn hóa những mẫu này thành một cú pháp thố
 
 <Tabs group='framework'>
   <Tab label="Next.js" value="nextjs">
-  
+
     ```tsx
     'use client';
 
@@ -263,7 +263,7 @@ Intlayer nội bộ chuẩn hóa những mẫu này thành một cú pháp thố
   </Tab>
 
   <Tab label="React Router" value="reactrouter">
-  
+
     ```tsx
     'use client';
 
@@ -279,7 +279,7 @@ Intlayer nội bộ chuẩn hóa những mẫu này thành một cú pháp thố
   </Tab>
 
   <Tab label="Vue" value="vue">
-  
+
     ```vue
     <script setup>
     import { useRewriteURL } from "vue-intlayer";
@@ -291,7 +291,7 @@ Intlayer nội bộ chuẩn hóa những mẫu này thành một cú pháp thố
 
   </Tab>
   <Tab label="Solid" value="solid">
-  
+
     ```tsx
     import { useRewriteURL } from "solid-intlayer";
 
@@ -303,7 +303,7 @@ Intlayer nội bộ chuẩn hóa những mẫu này thành một cú pháp thố
 
   </Tab>
   <Tab label="Svelte" value="svelte">
-  
+
     ```svelte
     <script>
     import { useRewriteURL } from "svelte-intlayer";
@@ -340,6 +340,8 @@ export function middleware(request: NextRequest) {
 
 Đối với SolidJS, Vue và Svelte, plugin Vite `intlayerProxy` quản lý các rewrite trong quá trình phát triển.
 
+> Kể từ Intlayer v9, `intlayerProxy()` được đóng gói trực tiếp vào plugin `intlayer()` và được bật theo mặc định thông qua tùy chọn `routing.enableProxy` (`true` theo mặc định). Đăng ký nó riêng biệt như được hiển thị bên dưới hiện nay là tùy chọn — nó được giữ lại để tương thích ngược và cho các cài đặt cần kiểm soát thứ tự plugin. Đặt `routing.enableProxy: false` để không tham gia. Xem [ghi chú phát hành v9](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/releases/v9.md).
+
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
 import { intlayer } from "vite-intlayer";

package/docs/vi/dictionary/file.md

@@ -29,174 +29,8 @@ Trong Intlayer, hàm `file` cho phép nhúng nội dung tệp tin bên ngoài v
 
 ## Tại sao sử dụng `file` thay vì `import`, `require` hoặc `fs`?
 
-<Tabs group="framework">
-  <Tab label="React" value="react">
-
-To use embedded file content in a React component, import and use the `useIntlayer` hook from the `react-intlayer` package. This retrieves the content from the specified key and allows it to be displayed dynamically.
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const FileComponent: FC = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Next.js" value="nextjs">
-
 To use embedded file content in Next.js Client Components, retrieve it via the `useIntlayer` hook. Here's an example:
 
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer";
-
-const FileComponent: FC = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Vue" value="vue">
-
-To use embedded file content in Vue components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```vue fileName="**/*.vue"
-<script setup lang="ts">
-import { useIntlayer } from "vue-intlayer";
-
-const { myFile } = useIntlayer("my_key");
-</script>
-
-<template>
-  <div>
-    <pre>{{ myFile }}</pre>
-  </div>
-</template>
-```
-
-  </Tab>
-  <Tab label="Svelte" value="svelte">
-
-To use embedded file content in Svelte components, retrieve it via the `useIntlayer` hook. The store is accessed with `$`. Here's an example:
-
-```svelte fileName="**/*.svelte"
-<script lang="ts">
-import { useIntlayer } from "svelte-intlayer";
-
-const content = useIntlayer("my_key");
-</script>
-
-<div>
-  <pre>{$content.myFile}</pre>
-</div>
-```
-
-  </Tab>
-  <Tab label="Preact" value="preact">
-
-To use embedded file content in Preact components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "preact";
-import { useIntlayer } from "preact-intlayer";
-
-const FileComponent: FC = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Solid" value="solid">
-
-To use embedded file content in SolidJS components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { Component } from "solid-js";
-import { useIntlayer } from "solid-intlayer";
-
-const FileComponent: Component = () => {
-  const { myFile } = useIntlayer("my_key");
-
-  return (
-    <div>
-      <pre>{myFile}</pre>
-    </div>
-  );
-};
-
-export default FileComponent;
-```
-
-  </Tab>
-  <Tab label="Angular" value="angular">
-
-To use embedded file content in Angular components, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```typescript fileName="app.component.ts" codeFormat="typescript"
-import { Component } from "@angular/core";
-import { useIntlayer } from "angular-intlayer";
-
-@Component({
-  selector: "app-file",
-  template: `
-    <div>
-      <pre>{{ content().myFile }}</pre>
-    </div>
-  `,
-})
-export class FileComponent {
-  content = useIntlayer("my_key");
-}
-```
-
-  </Tab>
-  <Tab label="Vanilla JS" value="vanilla">
-
-To use embedded file content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook. Here's an example:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("my_key").onChange((newContent) => {
-  document.getElementById("file-content")!.textContent = newContent.myFile;
-});
-
-// Initial render
-document.getElementById("file-content")!.textContent = content.myFile;
-```
-
-  </Tab>
-</Tabs>
 ## Cài đặt Nội dung Tệp tin
 
 Để nhúng nội dung tệp vào dự án Intlayer của bạn, hãy sử dụng hàm `file` trong một module nội dung. Dưới đây là các ví dụ minh họa các cách triển khai khác nhau.

package/docs/vi/dictionary/gender.md

@@ -294,6 +294,4 @@ document.getElementById("gender-female")!.textContent =
 - [Tài liệu React Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/intlayer_with_create_react_app.md)
 - [Tài liệu Next Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/intlayer_with_nextjs_15.md)
 
-Những tài nguyên này cung cấp thêm cái nhìn sâu sắc về việc thiết lập và sử dụng Intlayer trên nhiều môi trường và framework khác nhau.
-
 Những tài nguyên này cung cấp thêm những hiểu biết sâu sắc về việc thiết lập và sử dụng Intlayer trên nhiều môi trường và framework khác nhau.