@intlayer/docs 9.0.0-canary.4 → 9.0.0-canary.5

package/docs/vi/compat/polyglot.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Di Chuyển Từ Polyglot.js Sang Intlayer"
+description: "Tìm hiểu cách di chuyển từ Polyglot.js sang Intlayer bằng bộ điều hợp tương thích."
+keywords:
+  - polyglot
+  - airbnb
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - polyglot
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Khởi tạo lịch sử"
+author: aymericzip
+---
+
+# Di Chuyển Từ Polyglot.js Sang Intlayer
+
+Nếu bạn đang sử dụng Polyglot.js của Airbnb, việc di chuyển sang Intlayer cực kỳ đơn giản bằng cách sử dụng lớp tương thích.
+
+## Phải làm gì
+
+Chỉ cần chạy lệnh khởi tạo trong dự án của bạn:
+
+```bash
+npx intlayer init
+```
+
+Lệnh này tạo `intlayer.config.ts`. Sau đó bạn có thể sử dụng bí danh plugin bundler để chuyển hướng trong suốt các import Polyglot sang `@intlayer/polyglot`.
+
+## Những gì diễn ra bên dưới
+
+Cú pháp Polyglot.js thường dựa vào `polyglot.t('key', {name})` với các nội suy `%{name}` và số nhiều `smart_count` được phân tách bằng `"singular |||| plural"`.
+
+Bên dưới:
+
+- **Nội suy:** Lớp tương thích xử lý các placeholder `%{var}` một cách gốc.
+- **Số nhiều:** Chuỗi được tách tại `||||` và đánh giá dựa trên `Intl.PluralRules` gốc theo locale đang hoạt động, phản chiếu thứ tự bucket của chính Polyglot theo locale.
+- **Từ điển:** Bạn bỏ qua việc cần cung cấp các cấu hình JSON khổng lồ cho `new Polyglot()` — Intlayer xử lý các từ điển một cách động và tự động loại bỏ chúng.

package/docs/vi/compat/react-i18next.md

@@ -0,0 +1,58 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Di Chuyển Từ react-i18next Sang Intlayer"
+description: "Tìm hiểu cách di chuyển ứng dụng React của bạn từ react-i18next sang Intlayer bằng bộ điều hợp tương thích."
+keywords:
+  - react-i18next
+  - i18next
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - react-i18next
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Khởi tạo lịch sử"
+author: aymericzip
+---
+
+# Di Chuyển Từ react-i18next Sang Intlayer
+
+Để có hướng dẫn từng bước đầy đủ và chi tiết, vui lòng xem [Hướng Dẫn Di Chuyển react-i18next](../migration_from_react-i18next_to_intlayer.md) đầy đủ của chúng tôi.
+
+Việc sử dụng bộ điều hợp tương thích của Intlayer cho phép bạn di chuyển từ `react-i18next` mà không cần bất kỳ thay đổi nào đối với các import trong source code của bạn.
+
+## Phải làm gì
+
+Để khởi tạo dự án, hãy chạy:
+
+```bash
+npx intlayer init
+```
+
+Trong quá trình khởi tạo, Intlayer sẽ cài đặt `@intlayer/react-i18next` và tạo `intlayer.config.ts`. Trong bundler của bạn (như Vite), hãy áp dụng plugin Intlayer:
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import { reactI18nextVitePlugin } from "@intlayer/react-i18next/plugin";
+
+export default defineConfig({
+  plugins: [react(), reactI18nextVitePlugin()],
+});
+```
+
+## Những gì diễn ra bên dưới
+
+`reactI18nextVitePlugin` bao bọc plugin `vite-intlayer` cốt lõi và chèn các bí danh resolve cho `react-i18next` và `i18next`, chuyển hướng chúng sang `@intlayer/react-i18next` và `@intlayer/i18next`.
+
+Bên dưới:
+
+- **`useTranslation` & `withTranslation`:** Được viết lại để sử dụng các hook gốc của Intlayer, cung cấp cho bạn tính năng tự động hoàn thành TypeScript cho các key từ điển. Nó hỗ trợ liền mạch các namespace (ví dụ: `t('namespace:key')`).
+- **Số nhiều & Ngữ cảnh:** Xử lý số nhiều dựa trên hậu tố của i18next (`key_one`, `key_other`) bằng cách sử dụng `Intl.PluralRules` gốc và các hậu tố ngữ cảnh (`key_male`).
+- **Component `<Trans>`:** Được triển khai lại để hỗ trợ prop `components`, dạng đối tượng và mảng, và các thẻ được đánh số `<1>...</1>` ánh xạ trực tiếp đến các React node của bạn.
+- **Instance `i18n`:** Giải quyết các key trực tiếp từ Intlayer mà không cần tải các file JSON lớn, dẫn đến kích thước bundle nhỏ hơn đáng kể.

package/docs/vi/compat/react-intl.md

@@ -0,0 +1,55 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Di Chuyển Từ React Intl Sang Intlayer"
+description: "Tìm hiểu cách di chuyển ứng dụng React của bạn từ react-intl sang Intlayer bằng bộ điều hợp tương thích."
+keywords:
+  - react-intl
+  - formatjs
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - react-intl
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Khởi tạo lịch sử"
+author: aymericzip
+---
+
+# Di Chuyển Từ React Intl Sang Intlayer
+
+Nếu ứng dụng React của bạn sử dụng `react-intl` (FormatJS), việc chuyển đổi sang Intlayer rất dễ dàng. Lớp tương thích của chúng tôi xử lý liền mạch ICU MessageFormat và tất cả các component `Formatted*` hiện có.
+
+## Phải làm gì
+
+Bắt đầu bằng cách chạy lệnh khởi tạo trong dự án của bạn:
+
+```bash
+npx intlayer init
+```
+
+Sau đó, thiết lập plugin Vite hoặc Next.js của Intlayer trong cấu hình của bạn. Plugin này chèn các bí danh tại thời điểm build để chuyển hướng các import `react-intl` sang `@intlayer/react-intl`.
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import reactIntlVitePlugin from "@intlayer/react-intl/plugin";
+
+export default defineConfig({
+  plugins: [react(), reactIntlVitePlugin()],
+});
+```
+
+## Những gì diễn ra bên dưới
+
+Plugin bundler tạo bí danh `react-intl` thành `@intlayer/react-intl`. Thay vì phân tích thủ công các file JSON lớn và bao bọc ứng dụng của bạn trong một `IntlProvider`, plugin Intlayer trích xuất tĩnh các key và sử dụng các từ điển Intlayer tại thời điểm chạy.
+
+Bên dưới:
+
+- **ICU MessageFormat:** Intlayer sử dụng resolver `resolveMessage(..., 'icu')` hỗ trợ đầy đủ số nhiều ICU, lựa chọn, định dạng ngày/số và các thẻ rich text một cách gốc.
+- **Người gọi Method & JSX:** `intl.formatMessage({ id: 'a.b' })` và `<FormattedMessage id="a.b">` được xác định bởi các plugin biên dịch Intlayer (`@intlayer/babel` / `@intlayer/swc`), chuyển đổi các key dấu chấm phẳng để đoạn đầu tiên giải quyết chính xác đến key từ điển Intlayer.
+- **Formatter:** `<FormattedNumber>`, `<FormattedDate>`, v.v., kết nối với các `core/formatters` gốc bằng cách sử dụng `Intl`.

package/docs/vi/compat/svelte-i18n.md

@@ -0,0 +1,47 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Di Chuyển Từ Svelte I18n Sang Intlayer"
+description: "Tìm hiểu cách di chuyển ứng dụng Svelte của bạn từ svelte-i18n sang Intlayer bằng bộ điều hợp tương thích."
+keywords:
+  - svelte-i18n
+  - svelte
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - svelte-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Khởi tạo lịch sử"
+author: aymericzip
+---
+
+# Di Chuyển Từ Svelte I18n Sang Intlayer
+
+Việc di chuyển ứng dụng Svelte của bạn từ `svelte-i18n` sang Intlayer chỉ mất một khoảnh khắc bằng cách sử dụng bộ điều hợp tương thích.
+
+## Phải làm gì
+
+Chỉ cần chạy lệnh khởi tạo trong dự án của bạn:
+
+```bash
+npx intlayer init
+```
+
+Lệnh này tạo `intlayer.config.ts`. Đảm bảo các plugin SvelteKit / Vite của bạn được bao bọc với plugin bí danh của Intlayer để liền mạch ánh xạ `svelte-i18n` sang `@intlayer/svelte-i18n`.
+
+## Những gì diễn ra bên dưới
+
+Svelte-i18n phụ thuộc vào các store được sử dụng nhiều (`$_`, `$t`, `$format`, v.v.) và ICU MessageFormat.
+
+Bên dưới:
+
+- **Store:** Intlayer proxy các store của `svelte-i18n`. `$_` trở thành một derived store của locale hiện tại trả về một resolver Intlayer.
+- **Key:** Các key phẳng của bạn (ví dụ: `$_('home.title')`) được đánh giá sao cho đoạn đường dẫn đầu tiên đại diện cho từ điển Intlayer.
+- **Cú pháp ICU:** Được xử lý đầy đủ bởi resolver ICU được chia sẻ (phân tích tương đương `intl-messageformat`).
+- **Formatter:** Các lời gọi `$date`, `$time`, `$number` chuyển hướng an toàn đến các formatter gốc core của Intlayer.
+- **Phân tích Babel/SWC:** Bộ phân tích Intlayer đọc các người gọi store Svelte (`$_`) bên trong các file `.svelte` nguồn của bạn trước khi biên dịch để tự động xây dựng các chunk từ điển liên quan.

package/docs/vi/compat/transloco.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Di Chuyển Từ Transloco Sang Intlayer"
+description: "Tìm hiểu cách di chuyển ứng dụng Angular của bạn từ Transloco sang Intlayer bằng bộ điều hợp tương thích."
+keywords:
+  - transloco
+  - angular
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - transloco
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Khởi tạo lịch sử"
+author: aymericzip
+---
+
+# Di Chuyển Từ Transloco Sang Intlayer
+
+Nếu ứng dụng Angular của bạn hiện đang sử dụng `@jsverse/transloco`, bạn có thể di chuyển sang Intlayer bằng cách sử dụng bộ điều hợp tương thích của chúng tôi. Quá trình chuyển đổi này cho phép bạn duy trì cú pháp template hiện có trong khi tận dụng cấu trúc từ điển mạnh mẽ của Intlayer.
+
+## Phải làm gì
+
+Chỉ cần chạy lệnh khởi tạo trong dự án của bạn:
+
+```bash
+npx intlayer init
+```
+
+Lệnh này sẽ tạo cấu hình `intlayer.config.ts` cần thiết. Sau đó bạn sẽ thay thế các import Transloco của mình bằng các module `@intlayer/transloco` hoặc dựa vào các bí danh build.
+
+## Những gì diễn ra bên dưới
+
+Transloco sử dụng các phạm vi và `TranslocoService` (`translate`, `selectTranslate`), cùng với các directive cấu trúc (`*transloco="let t"`) và pipe (`| transloco`).
+
+Bên dưới:
+
+- **Phạm vi:** Ánh xạ tự nhiên đến các key từ điển Intlayer, cung cấp một cách loại bỏ tuyệt vời cho tối ưu hóa bundle.
+- **Service & Directive:** Bộ điều hợp Angular của Intlayer thay thế liền mạch các provider, cho phép các pipe và directive template hiện có của bạn giải quyết các chuỗi dựa trên các từ điển Intlayer.
+- **Phân tích tại thời điểm build:** Bộ phân tích TypeScript nhận ra các lời gọi `instant/get`, và việc loại bỏ fallback đảm bảo tính chính xác ngay cả khi việc sử dụng template không thể theo dõi tĩnh được.

package/docs/vi/compat/vue-i18n.md

@@ -0,0 +1,58 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Di Chuyển Từ Vue I18n Sang Intlayer"
+description: "Tìm hiểu cách di chuyển ứng dụng Vue của bạn từ vue-i18n sang Intlayer bằng bộ điều hợp tương thích."
+keywords:
+  - vue-i18n
+  - vue
+  - intlayer
+  - migration
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - vue-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Khởi tạo lịch sử"
+author: aymericzip
+---
+
+# Di Chuyển Từ Vue I18n Sang Intlayer
+
+Nếu ứng dụng Vue của bạn hiện đang sử dụng `vue-i18n`, bạn có thể di chuyển sang Intlayer mà không cần viết lại các component hoặc dịch các hook. Intlayer cung cấp một bộ điều hợp tương thích phản chiếu hoàn hảo API của `vue-i18n` trong khi tận dụng các tính năng mạnh mẽ của Intlayer bên dưới.
+
+## Phải làm gì
+
+Để bắt đầu, chỉ cần chạy lệnh khởi tạo trong dự án của bạn:
+
+```bash
+npx intlayer init
+```
+
+Trong quá trình khởi tạo, Intlayer sẽ thiết lập file cấu hình (`intlayer.config.ts`) và chuẩn bị dự án của bạn để di chuyển. Bạn chỉ cần thêm plugin Intlayer vào cấu hình Vite của mình để tự động tạo bí danh cho các import `vue-i18n`.
+
+```typescript fileName="vite.config.ts"
+import { defineConfig } from "vite";
+import vue from "@vitejs/plugin-vue";
+import vueI18nVitePlugin from "@intlayer/vue-i18n/plugin";
+
+export default defineConfig({
+  plugins: [vue(), vueI18nVitePlugin()],
+});
+```
+
+## Những gì diễn ra bên dưới
+
+`vueI18nVitePlugin` chèn một bí danh module vào bundler của bạn. Bất kỳ import nào của `vue-i18n` trong codebase của bạn sẽ được chuyển hướng trong suốt sang `@intlayer/vue-i18n`.
+
+**Bên dưới, bộ điều hợp xử lý cú pháp `vue-i18n` phức tạp một cách gốc:**
+
+- **Nội suy & Số nhiều:** Giải quyết các nội suy `{name}` và danh sách `{0}`. Số nhiều kiểu pipe (`"car | cars"`) được chuyển đổi thành các node enumeration/plural của Intlayer dựa trên ngữ nghĩa vị trí.
+- **Định dạng:** Các hàm như `d()` và `n()` bao bọc `Intl` bên dưới, tuân thủ `datetimeFormats` và `numberFormats` được xác định trong các tùy chọn của bạn.
+- **Trạng thái toàn cục & cục bộ:** `global.locale` được ánh xạ tới một `WritableComputedRef` được hỗ trợ bởi client Intlayer, vì vậy reactivity hoạt động chính xác như mong đợi (ví dụ: `locale.value = 'fr'`).
+- **Directive:** Directive `v-t` được đăng ký và hoạt động bình thường.
+
+Ứng dụng của bạn tiếp tục hiển thị chính xác như trước, nhưng nội dung được cung cấp bởi các từ điển Intlayer của bạn, mang lại cho bạn type safety, tối ưu hóa bundle tốt hơn và tích hợp CMS liền mạch.

package/docs/vi/compiler.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2025-09-09
-updatedAt: 2026-03-12
+updatedAt: 2026-06-23
 title: Trình Biên Dịch Intlayer | Trích Xuất Nội Dung Tự Động cho i18n
 description: Tự động hóa quy trình quốc tế hóa của bạn với Trình Biên Dịch Intlayer. Trích xuất nội dung trực tiếp từ các component để i18n nhanh hơn và hiệu quả hơn trong Vite, Next.js và nhiều hơn nữa.
 keywords:
@@ -60,6 +60,8 @@ Như một giải pháp thay thế, để tự động hóa quy trình i18n củ
 
 ## Cách sử dụng
 
+> The quickest way to wire the compiler in is the interactive setup: run `npx intlayer init --interactive` and select **Compiler**. On Vite there is nothing to configure — the compiler is plugged in directly through the `intlayerCompiler()` plugin. On Next.js the command scaffolds the `babel.config.js` shown below. The non-interactive `intlayer init` leaves the compiler setup untouched.
+
 <Tabs>
  <Tab value='vite'>
 

package/docs/vi/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-06-17
+updatedAt: 2026-06-23
 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.0.0
+    date: 2026-06-24
+    changes: "Add `enableProxy` option to the routing configuration"
   - version: 8.10.0
     date: 2026-06-17
     changes: "Thêm tùy chọn `format` vào cấu hình từ điển"
@@ -882,6 +885,21 @@ Các cài đặt về cách nội dung được quản lý trong ứng dụng, b
 
 ---
 
+### Cấu hình Hệ thống
+
+Các cài đặt liên quan đến các đường dẫn nội bộ và kết quả đầu ra của Intlayer. Các cài đặt này thường là nội bộ và không cần phải được sửa đổi bởi người dùng.
+
+| Field                     | Description                                                                   | Type     | Default                           | Example              | Note                                                                  |
+| ------------------------- | ----------------------------------------------------------------------------- | -------- | --------------------------------- | -------------------- | --------------------------------------------------------------------- |
+| `baseDir`                 | Thư mục cơ sở cho dự án.                                                      | `string` | `process.cwd()`                   | `'/path/to/project'` | Được sử dụng để giải quyết tất cả các thư mục liên quan đến Intlayer. |
+| `dictionariesDir`         | Đường dẫn thư mục để lưu trữ từ điển bản địa hóa.                             | `string` | `'.intlayer/dictionary'`          |                      |                                                                       |
+| `moduleAugmentationDir`   | Thư mục để tăng cường module, cho phép có gợi ý IDE tốt hơn và kiểm tra loại. | `string` | `'.intlayer/types'`               | `'intlayer-types'`   | Hãy chắc chắn bao gồm điều này trong `tsconfig.json`.                 |
+| `unmergedDictionariesDir` | Thư mục để lưu trữ các từ điển chưa được hợp nhất.                            | `string` | `'.intlayer/unmerged_dictionary'` |                      |                                                                       |
+| `typesDir`                | Thư mục để lưu trữ các loại từ điển.                                          | `string` | `'.intlayer/types'`               |                      |                                                                       |
+| `mainDir`                 | Thư mục nơi lưu trữ các tệp ứng dụng chính.                                   | `string` | `'.intlayer/main'`                |                      |                                                                       |
+| `configDir`               | Thư mục nơi lưu trữ các tệp cấu hình.                                         | `string` | `'.intlayer/config'`              |                      |                                                                       |
+| `cacheDir`                | Thư mục nơi lưu trữ các tệp bộ nhớ đệm.                                       | `string` | `'.intlayer/cache'`               |                      |                                                                       |
+
 ### Cấu hình Dictionary (Dictionary)
 
 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.
@@ -990,22 +1008,6 @@ Các tùy chọn build được áp dụng cho các plugin `@intlayer/babel` và
 
 ---
 
-### Cấu hình Hệ thống (System)
-
-Các cài đặt này dành cho người dùng nâng cao và dành cho cấu hình nội bộ của Intlayer.
-
-| Trường                    | Mô tả                                              | Kiểu dữ liệu | Mặc định                          | Ví dụ | Nhận xét |
-| ------------------------- | -------------------------------------------------- | ------------ | --------------------------------- | ----- | -------- |
-| `dictionariesDir`         | Thư mục chứa các dictionary đã biên dịch.          | `string`     | `'.intlayer/dictionary'`          |       |          |
-| `moduleAugmentationDir`   | Thư mục chứa module augmentation TypeScript.       | `string`     | `'.intlayer/types'`               |       |          |
-| `unmergedDictionariesDir` | Thư mục lưu trữ các dictionary chưa được hợp nhất. | `string`     | `'.intlayer/unmerged_dictionary'` |       |          |
-| `typesDir`                | Thư mục chứa các kiểu dữ liệu đã tạo.              | `string`     | `'.intlayer/types'`               |       |          |
-| `mainDir`                 | Thư mục chứa các tệp chính của Intlayer.           | `string`     | `'.intlayer/main'`                |       |          |
-| `configDir`               | Thư mục chứa các tệp cấu hình đã được biên dịch.   | `string`     | `'.intlayer/config'`              |       |          |
-| `cacheDir`                | Thư mục chứa các tệp cache.                        | `string`     | `'.intlayer/cache'`               |       |          |
-
----
-
 ### Cấu hình Compiler (Compiler)
 
 Trình kiểm soát trình biên dịch Intlayer, thu thập các bộ từ điển trực tiếp từ các component của bạn.

package/docs/vi/custom_domains.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2026-04-02
-updatedAt: 2026-04-02
+updatedAt: 2026-06-23
 title: Tên miền tùy chỉnh
 description: Tìm hiểu cách cấu hình điều hướng ngôn ngữ dựa trên tên miền trong Intlayer để phục vụ các ngôn ngữ khác nhau từ các tên miền riêng biệt.
 keywords:

package/docs/vi/custom_url_rewrites.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-01-26
+updatedAt: 2026-06-23
 title: Viết lại URL Tùy chỉnh
 description: Tìm hiểu cách cấu hình và sử dụng viết lại URL tùy chỉnh trong Intlayer để định nghĩa các đường dẫn theo locale.
 keywords:

package/docs/vi/dictionary/content_file.md

@@ -609,13 +609,6 @@ Schema JSON được sử dụng để xác thực cấu trúc của từ điể
 
 Chỉ ra liệu từ điển đã được tự động điền từ các nguồn bên ngoài hay chưa. Trong trường hợp có xung đột, các từ điển cơ sở sẽ ghi đè lên các từ điển được tự động điền.
 
-##### `location` ('distant' | 'locale')
-
-Chỉ ra vị trí của từ điển:
-
-- `'locale'`: Từ điển cục bộ (từ các tệp nội dung)
-- `'distant'`: Từ điển từ xa (từ nguồn bên ngoài)
-
 ## Các loại nút nội dung
 
 Intlayer cung cấp một số loại nút nội dung chuyên biệt mở rộng các giá trị nguyên thủy cơ bản:

package/docs/vi/dictionary/enumeration.md

@@ -269,205 +269,6 @@ document.getElementById("cars")!.textContent = content.numberOfCar(6);
   </Tab>
 </Tabs>
 
-## Tài nguyên bổ sung
-
-Để biết thêm thông tin chi tiết về cấu hình và cách sử dụng, hãy tham khảo các tài nguyên sau:
-
-- [Tài liệu CLI Intlayer](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/cli/index.md)
-- [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 những hiểu biết sâu sắc về cách thiết lập và sử dụng Intlayer trong các môi trường khác nhau và với các framework đa dạng.
-
-### Using Ordinal Enumeration
-
-<Tabs group="framework">
-  <Tab label="React" value="react">
-
-To use this in a React component, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "react";
-import { useIntlayer } from "react-intlayer";
-
-const RankingComponent: FC<{ count: number }> = ({ count }) => {
-  const { ordinal } = useIntlayer("ranking_component");
-
-  // Get the last digit to determine the correct suffix
-  const lastDigit = Math.abs(count) % 10;
-
-  return (
-    <div>
-      <p>
-        {
-          ordinal(lastDigit)({ count }) // e.g., "5th place" for count=5
-        }
-      </p>
-    </div>
-  );
-};
-```
-
-  </Tab>
-  <Tab label="Next.js" value="nextjs">
-
-To use this in Next.js Client Components, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-"use client";
-
-import type { FC } from "react";
-import { useIntlayer } from "next-intlayer";
-
-const RankingComponent: FC<{ count: number }> = ({ count }) => {
-  const { ordinal } = useIntlayer("ranking_component");
-  const lastDigit = Math.abs(count) % 10;
-
-  return (
-    <div>
-      <p>{ordinal(lastDigit)({ count })}</p>
-    </div>
-  );
-};
-
-export default RankingComponent;
-```
-
-  </Tab>
-  <Tab label="Vue" value="vue">
-
-To use this in Vue components, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```vue fileName="**/*.vue"
-<script setup lang="ts">
-import { useIntlayer } from "vue-intlayer";
-
-defineProps<{ count: number }>();
-
-const { ordinal } = useIntlayer("ranking_component");
-</script>
-
-<template>
-  <div>
-    <p>{{ ordinal(Math.abs(count) % 10)({ count }) }}</p>
-  </div>
-</template>
-```
-
-  </Tab>
-  <Tab label="Svelte" value="svelte">
-
-To use this in Svelte components, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```svelte fileName="**/*.svelte"
-<script lang="ts">
-import { useIntlayer } from "svelte-intlayer";
-
-export let count: number;
-
-const content = useIntlayer("ranking_component");
-$: lastDigit = Math.abs(count) % 10;
-</script>
-
-<div>
-  <p>{$content.ordinal(lastDigit)({ count })}</p>
-</div>
-```
-
-  </Tab>
-  <Tab label="Preact" value="preact">
-
-To use this in Preact components, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { FC } from "preact";
-import { useIntlayer } from "preact-intlayer";
-
-const RankingComponent: FC<{ count: number }> = ({ count }) => {
-  const { ordinal } = useIntlayer("ranking_component");
-  const lastDigit = Math.abs(count) % 10;
-
-  return (
-    <div>
-      <p>{ordinal(lastDigit)({ count })}</p>
-    </div>
-  );
-};
-
-export default RankingComponent;
-```
-
-  </Tab>
-  <Tab label="Solid" value="solid">
-
-To use this in SolidJS components, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
-import type { Component } from "solid-js";
-import { useIntlayer } from "solid-intlayer";
-
-const RankingComponent: Component<{ count: number }> = (props) => {
-  const { ordinal } = useIntlayer("ranking_component");
-
-  return (
-    <div>
-      <p>{ordinal(Math.abs(props.count) % 10)({ count: props.count })}</p>
-    </div>
-  );
-};
-
-export default RankingComponent;
-```
-
-  </Tab>
-  <Tab label="Angular" value="angular">
-
-To use this in Angular components, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```typescript fileName="app.component.ts" codeFormat="typescript"
-import { Component, Input } from "@angular/core";
-import { useIntlayer } from "angular-intlayer";
-
-@Component({
-  selector: "app-ranking",
-  template: `
-    <div>
-      <p>{{ content().ordinal(lastDigit())({ count }) }}</p>
-    </div>
-  `,
-})
-export class RankingComponent {
-  @Input() count!: number;
-
-  content = useIntlayer("ranking_component");
-
-  lastDigit() {
-    return Math.abs(this.count) % 10;
-  }
-}
-```
-
-  </Tab>
-  <Tab label="Vanilla JS" value="vanilla">
-
-To use this with `vanilla-intlayer`, call the enumeration with the last digit of the number to get the correct suffix, then pass the full count as the insertion value:
-
-```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
-import { installIntlayer, useIntlayer } from "vanilla-intlayer";
-
-installIntlayer();
-
-const content = useIntlayer("ranking_component");
-const lastDigit = Math.abs(5) % 10;
-
-document.getElementById("ranking")!.textContent = content.ordinal(lastDigit)({
-  count: 5,
-});
-```
-
-  </Tab>
-</Tabs>
-
 ## Combining Enumeration with Insert for Ordinal Numbers
 
 A common use case is displaying ordinal numbers (1st, 2nd, 3rd, etc.). You can combine `enu` with `insert` to create dynamic ordinal content:

package/docs/vi/dictionary/insertion.md

@@ -114,8 +114,6 @@ Khi tích hợp với React Intlayer hoặc Next Intlayer, bạn chỉ cần cun
 
 ## Sử dụng Nội dung Chèn với React Intlayer
 
-## Sử dụng Nội dung Chèn với React Intlayer
-
 Để sử dụng nội dung chèn trong một component React, hãy import và sử dụng hook `useIntlayer` từ package `react-intlayer`. Hook này lấy nội dung theo key được chỉ định và cho phép bạn truyền vào một đối tượng ánh xạ mỗi placeholder trong nội dung với giá trị bạn muốn hiển thị.
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}