@intlayer/docs 8.4.8 → 8.4.9

package/docs/vi/intlayer_with_fastify.md

@@ -1,10 +1,10 @@
 ---
 createdAt: 2025-12-30
 updatedAt: 2025-12-30
-title: Fastify i18n - Cách dịch ứng dụng Fastify năm 2026
-description: Tìm hiểu cách làm cho backend Fastify của bạn hỗ trợ đa ngôn ngữ. Thực hiện theo tài liệu để internationalize (i18n) và dịch nội dung.
+title: Fastify i18n - Cách dịch ứng dụng Fastify vào năm 2026
+description: Khám phá cách làm cho backend Fastify của bạn đa ngôn ngữ. Làm theo tài liệu để quốc tế hóa (i18n) và dịch nó.
 keywords:
-  - Quốc tế hóa (i18n)
+  - Quốc tế hóa
   - Tài liệu
   - Intlayer
   - Fastify
@@ -18,47 +18,43 @@ applicationTemplate: https://github.com/aymericzip/intlayer-fastify-template
 history:
   - version: 7.6.0
     date: 2025-12-31
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 7.6.0
     date: 2025-12-31
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
-# Dịch backend Fastify của bạn bằng Intlayer | Quốc tế hóa (i18n)
+# Dịch trang web backend Fastify của bạn bằng Intlayer | Quốc tế hóa (i18n)
 
-`fastify-intlayer` là một plugin quốc tế hóa (i18n) mạnh mẽ cho các ứng dụng Fastify, được thiết kế để làm cho dịch vụ backend của bạn có thể truy cập trên toàn cầu bằng cách cung cấp phản hồi được địa phương hóa dựa trên sở thích của client.
+`fastify-intlayer` là một plugin quốc tế hóa (i18n) mạnh mẽ cho các ứng dụng Fastify, được thiết kế để làm cho dịch vụ backend của bạn có thể truy cập toàn cầu bằng cách cung cấp các phản hồi được địa phương hóa dựa trên sở thích của khách hàng.
 
-### Các trường hợp sử dụng thực tế
-
-- **Hiển thị lỗi Backend bằng ngôn ngữ của người dùng**: Khi xảy ra lỗi, hiển thị thông điệp bằng ngôn ngữ mẹ đẻ của người dùng sẽ cải thiện khả năng hiểu và giảm sự bực bội. Điều này đặc biệt hữu ích cho các thông báo lỗi động có thể được hiển thị trong các thành phần front-end như toast hoặc modal.
-
-`fastify-intlayer` là một plugin quốc tế hóa (i18n) mạnh mẽ cho các ứng dụng Fastify, được thiết kế để giúp các dịch vụ backend của bạn có thể truy cập toàn cầu bằng cách cung cấp các phản hồi địa phương hóa dựa trên sở thích của khách hàng.
+> Xem triển khai gói trên GitHub: https://github.com/aymericzip/intlayer/tree/main/packages/fastify-intlayer
 
-### Trường hợp sử dụng thực tế
+### Các trường hợp sử dụng thực tế
 
-- **Hiển thị lỗi backend bằng ngôn ngữ của người dùng**: Khi xảy ra lỗi, hiển thị thông điệp bằng ngôn ngữ mẹ đẻ của người dùng giúp họ hiểu tốt hơn và giảm bực bội. Điều này đặc biệt hữu ích cho các thông báo lỗi động có thể được hiển thị trong các thành phần front-end như toasts hoặc modals.
-- **Truy xuất nội dung đa ngôn ngữ**: Đối với các ứng dụng lấy nội dung từ cơ sở dữ liệu, quốc tế hóa đảm bảo rằng bạn có thể phục vụ nội dung này bằng nhiều ngôn ngữ. Điều này rất quan trọng cho các nền tảng như trang thương mại điện tử (e-commerce) hoặc hệ thống quản lý nội dung (CMS) cần hiển thị mô tả sản phẩm, bài viết và các nội dung khác theo ngôn ngữ mà người dùng ưu tiên.
-- **Gửi email đa ngôn ngữ**: Dù là email giao dịch, chiến dịch marketing hay thông báo, gửi email bằng ngôn ngữ của người nhận có thể tăng đáng kể mức độ tương tác và hiệu quả.
-- **Thông báo đẩy đa ngôn ngữ**: Đối với ứng dụng di động, gửi thông báo đẩy bằng ngôn ngữ ưa thích của người dùng có thể tăng tương tác và giữ chân người dùng. Sự chăm chút cá nhân này khiến thông báo trở nên phù hợp và dễ hành động hơn.
-- **Các hình thức liên lạc khác**: Bất kỳ hình thức liên lạc nào từ backend, như tin nhắn SMS, cảnh báo hệ thống hoặc cập nhật giao diện người dùng, đều hưởng lợi khi được gửi bằng ngôn ngữ của người dùng, đảm bảo sự rõ ràng và nâng cao trải nghiệm tổng thể.
+- **Hiển thị lỗi Backend bằng ngôn ngữ của người dùng**: Khi xảy ra lỗi, việc hiển thị thông báo bằng ngôn ngữ mẹ đẻ của người dùng sẽ cải thiện sự hiểu biết và giảm bớt sự khó chịu. Điều này đặc biệt hữu ích cho các thông báo lỗi động có thể được hiển thị trong các thành phần giao diện người dùng như toast hoặc modal.
+- **Truy xuất nội dung đa ngôn ngữ**: Đối với các ứng dụng lấy nội dung từ cơ sở dữ liệu, việc quốc tế hóa đảm bảo rằng bạn có thể phục vụ nội dung này bằng nhiều ngôn ngữ. Điều này rất quan trọng đối với các nền tảng như trang web thương mại điện tử hoặc hệ thống quản lý nội dung cần hiển thị mô tả sản phẩm, bài viết và nội dung khác bằng ngôn ngữ ưa thích của người dùng.
+- **Gửi Email đa ngôn ngữ**: Cho dù đó là email giao dịch, chiến dịch tiếp thị hay thông báo, việc gửi email bằng ngôn ngữ của người nhận có thể tăng đáng kể sự tương tác và hiệu quả.
+- **Thông báo đẩy đa ngôn ngữ**: Đối với ứng dụng di động, việc gửi thông báo đẩy bằng ngôn ngữ ưa thích của người dùng có thể tăng cường sự tương tác và giữ chân người dùng. Sự cá nhân hóa này có thể làm cho các thông báo cảm thấy phù hợp và có thể hành động hơn.
+- **Các giao tiếp khác**: Bất kỳ hình thức giao tiếp nào từ backend, chẳng hạn như tin nhắn SMS, cảnh báo hệ thống hoặc cập nhật giao diện người dùng, đều có lợi khi sử dụng ngôn ngữ của người dùng, đảm bảo sự rõ ràng và nâng cao trải nghiệm người dùng tổng thể.
 
-Bằng cách quốc tế hóa backend, ứng dụng của bạn không chỉ tôn trọng khác biệt văn hóa mà còn phù hợp hơn với nhu cầu thị trường toàn cầu, trở thành bước then chốt để mở rộng dịch vụ ra toàn thế giới.
+Bằng cách quốc tế hóa backend, ứng dụng của bạn không chỉ tôn trọng sự khác biệt văn hóa mà còn phù hợp hơn với nhu cầu thị trường toàn cầu, khiến nó trở thành một bước quan trọng trong việc mở rộng quy mô dịch vụ của bạn trên toàn thế giới.
 
 ## Bắt đầu
 
 <iframe
   src="https://stackblitz.com/github/aymericzip/intlayer-fastify-template?embed=1&ctl=1&file=intlayer.config.ts"
   className="m-auto overflow-hidden rounded-lg border-0 max-md:size-full max-md:h-[700px] md:aspect-16/9 md:w-full"
-  title="Demo CodeSandbox - How to Internationalize your application using Intlayer"
+  title="Demo CodeSandbox - Cách Quốc tế hóa ứng dụng của bạn bằng Intlayer"
   sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
   loading="lazy"
 />
 
-Xem [Application Template](https://github.com/aymericzip/intlayer-fastify-template) trên GitHub.
+Xem [Mẫu ứng dụng](https://github.com/aymericzip/intlayer-fastify-template) trên GitHub.
 
 ### Cài đặt
 
-Để bắt đầu sử dụng `fastify-intlayer`, cài gói bằng npm:
+Để bắt đầu sử dụng `fastify-intlayer`, hãy cài đặt gói bằng npm:
 
 ```bash packageManager="npm"
 npm install intlayer fastify-intlayer
@@ -86,7 +82,7 @@ bunx intlayer init
 
 ### Thiết lập
 
-Cấu hình các thiết lập quốc tế hóa bằng cách tạo một tệp `intlayer.config.ts` ở thư mục gốc của dự án:
+Cấu hình các cài đặt quốc tế hóa bằng cách tạo tệp `intlayer.config.ts` trong thư mục gốc của dự án:
 
 ```typescript fileName="intlayer.config.ts"  codeFormat="typescript"
 import { Locales, type IntlayerConfig } from "intlayer";
@@ -144,9 +140,9 @@ const config = {
 module.exports = config;
 ```
 
-### Khai báo Nội dung của bạn
+### Khai báo Nội dung của Bạn
 
-Tạo và quản lý các khai báo nội dung của bạn để lưu trữ bản dịch:
+Tạo và quản lý các khai báo nội dung để lưu trữ các bản dịch:
 
 ```typescript fileName="src/index.content.ts" contentDeclarationFormat="typescript"
 import { t, type Dictionary } from "intlayer";
@@ -155,11 +151,10 @@ const indexContent = {
   key: "index",
   content: {
     exampleOfContent: t({
-      vi: "Ví dụ về nội dung trả về bằng tiếng Việt",
       en: "Example of returned content in English",
       fr: "Exemple de contenu renvoyé en français",
       "es-ES": "Ejemplo de contenido devuelto en español (España)",
-      "es-MX": "Ejemplo de contenido devuelto en español (México)",
+      "es-MX": "Ejemplo de nội dung devuelto en español (México)",
     }),
   },
 } satisfies Dictionary;
@@ -170,16 +165,15 @@ export default indexContent;
 ```javascript fileName="src/index.content.mjs" contentDeclarationFormat="esm"
 import { t } from "intlayer";
 
-/** Danh sách từ điển. @type {import('intlayer').Dictionary} */
+/** @type {import('intlayer').Dictionary} */
 const indexContent = {
   key: "index",
   content: {
     exampleOfContent: t({
-      vi: "Ví dụ về nội dung trả về bằng tiếng Anh",
       en: "Example of returned content in English",
       fr: "Exemple de contenu renvoyé en français",
       "es-ES": "Ejemplo de contenido devuelto en español (España)",
-      "es-MX": "Ejemplo de contenido devuelto en español (México)",
+      "es-MX": "Ejemplo de nội dung devuelto en español (México)",
     }),
   },
 };
@@ -190,26 +184,15 @@ export default indexContent;
 ```javascript fileName="src/index.content.cjs" contentDeclarationFormat="commonjs"
 const { t } = require("intlayer");
 
-/** Danh sách từ điển. @type {import('intlayer').Dictionary} */
+/** @type {import('intlayer').Dictionary} */
 const indexContent = {
   key: "index",
   content: {
     exampleOfContent: t({
-      vi: "Ví dụ về nội dung trả về bằng tiếng Anh",
-      en: "Example of returned content in English",
-      fr: "Exemple de contenu renvoyé en français",
-      "es-ES": "Ejemplo de contenido devuelto en español (España)",
-      "es-MX": "Ejemplo de contenido devuelto en español (México)",
-    }),
-  },
-};
-
-module.exports = indexContent;
-      vi: "Ví dụ về nội dung được trả về bằng tiếng Việt",
       en: "Example of returned content in English",
       fr: "Exemple de contenu renvoyé en français",
-      "es-ES": "Ejemplo de contenido devuelto en español (España)",
-      "es-MX": "Ejemplo de contenido devuelto en español (México)",
+      "es-ES": "Ejemplo de nội dung devuelto en español (España)",
+      "es-MX": "Ejemplo de nội dung devuelto en español (México)",
     }),
   },
 };
@@ -225,22 +208,21 @@ module.exports = indexContent;
     "exampleOfContent": {
       "nodeType": "translation",
       "translation": {
-        "vi": "Ví dụ về nội dung được trả về bằng tiếng Việt",
         "en": "Example of returned content in English",
         "fr": "Exemple de contenu renvoyé en français",
         "es-ES": "Ejemplo de contenido devuelto en español (España)",
-        "es-MX": "Ejemplo de contenido devuelto en español (México)"
+        "es-MX": "Ejemplo de nội dung devuelto en español (México)"
       }
     }
   }
 }
 ```
 
-> Các khai báo nội dung của bạn có thể được định nghĩa ở bất kỳ đâu trong ứng dụng miễn là chúng được đưa vào thư mục `contentDir` (mặc định là `./src`). Và khớp với phần mở rộng tệp khai báo nội dung (mặc định là `.content.{json,ts,tsx,js,jsx,mjs,cjs}`).
+> Các khai báo nội dung của bạn có thể được định nghĩa ở bất kỳ đâu trong ứng dụng của bạn miễn là chúng được bao gồm trong thư mục `contentDir` (mặc định là `./src`). Và khớp với phần mở rộng tệp khai báo nội dung (mặc định là `.content.{json,ts,tsx,js,jsx,mjs,cjs}`).
 
-> Để biết thêm chi tiết, tham khảo [tài liệu khai báo nội dung](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/dictionary/content_file.md).
+> Để biết thêm chi tiết, hãy tham khảo [tài liệu khai báo nội dung](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/dictionary/content_file.md).
 
-### Thiết lập Ứng dụng Fastify
+### Thiết lập ứng dụng Fastify
 
 Thiết lập ứng dụng Fastify của bạn để sử dụng `fastify-intlayer`:
 
@@ -254,14 +236,13 @@ const fastify = Fastify({ logger: true });
 // Tải plugin quốc tế hóa
 await fastify.register(intlayer);
 
-// Định tuyến
+// Các tuyến đường
 fastify.get("/t_example", async (_req, reply) => {
   return t({
-    vi: "Ví dụ nội dung trả về bằng tiếng Việt",
     en: "Example of returned content in English",
     fr: "Exemple de contenu renvoyé en français",
     "es-ES": "Ejemplo de contenido devuelto en español (España)",
-    "es-MX": "Ejemplo de contenido devuelto en español (México)",
+    "es-MX": "Ejemplo de nội dung devuelto en español (México)",
   });
 });
 
@@ -273,7 +254,7 @@ fastify.get("/getDictionary_example", async (_req, reply) => {
   return getDictionary(dictionaryExample).exampleOfContent;
 });
 
-// Khởi động server
+// Khởi động máy chủ
 const start = async () => {
   try {
     await fastify.listen({ port: 3000 });
@@ -293,17 +274,16 @@ import dictionaryExample from "./index.content";
 
 const fastify = Fastify({ logger: true });
 
-// Đăng ký plugin quốc tế hóa
+// Tải plugin quốc tế hóa
 await fastify.register(intlayer);
 
-// Các route
+// Các tuyến đường
 fastify.get("/t_example", async (_req, reply) => {
   return t({
-    vi: "Ví dụ nội dung trả về bằng tiếng Việt",
     en: "Example of returned content in English",
-    fr: "Exemple de contenu renvoyé en français",
-    "es-ES": "Ejemplo de contenido devuelto en español (España)",
-    "es-MX": "Ejemplo de contenido devuelto en español (México)",
+    fr: "Exemple de nội dung renvoyé en français",
+    "es-ES": "Ejemplo de nội dung devuelto en español (España)",
+    "es-MX": "Ejemplo de nội dung devuelto en español (México)",
   });
 });
 
@@ -315,7 +295,7 @@ fastify.get("/getDictionary_example", async (_req, reply) => {
   return getDictionary(dictionaryExample).exampleOfContent;
 });
 
-// Bắt đầu server
+// Khởi động máy chủ
 const start = async () => {
   try {
     await fastify.listen({ port: 3000 });
@@ -335,46 +315,19 @@ const dictionaryExample = require("./index.content");
 
 const fastify = Fastify({ logger: true });
 
-// Wrapper khởi động server để hỗ trợ async/await
+// Trình bao bọc khởi động máy chủ cho async/await
 const start = async () => {
   try {
-    // Đăng ký plugin quốc tế hóa
+    // Tải plugin quốc tế hóa
     await fastify.register(intlayer);
 
-    // Các routes
-    fastify.get("/t_example", async (_req, reply) => {
-      return t({
-        vi: "Ví dụ về nội dung trả về bằng tiếng Việt",
-        en: "Example of returned content in English",
-        fr: "Exemple de contenu renvoyé en français",
-        "es-ES": "Ejemplo de contenido devuelto en español (España)",
-        "es-MX": "Ejemplo de contenido devuelto en español (México)",
-      });
-    });
-
-    fastify.get("/getIntlayer_example", async (_req, reply) => {
-      return getIntlayer("index").exampleOfContent;
-    });
-
-    fastify.get("/getDictionary_example", async (_req, reply) => {
-      return getDictionary(dictionaryExample).exampleOfContent;
-    });
-
-    await fastify.listen({ port: 3000 });
-  } catch (err) {
-    fastify.log.error(err);
-    process.exit(1);
-  }
-};
-
-start();
+    // Các tuyến đường
     fastify.get("/t_example", async (_req, reply) => {
       return t({
-        vi: "Ví dụ về nội dung trả về bằng tiếng Việt",
         en: "Example of returned content in English",
-        fr: "Exemple de contenu renvoyé en français",
-        "es-ES": "Ejemplo de contenido devuelto en español (España)",
-        "es-MX": "Ejemplo de contenido devuelto en español (México)",
+        fr: "Exemple de nội dung renvoyé en français",
+        "es-ES": "Ejemplo de nội dung devuelto en español (España)",
+        "es-MX": "Ejemplo de nội dung devuelto en español (México)",
       });
     });
 
@@ -396,18 +349,15 @@ start();
 start();
 ```
 
-### Tương thích
-
-`fastify-intlayer` tương thích hoàn toàn với:
+### Tính tương thích
 
-- [`react-intlayer`](<https://www.google.com/search?q=%5Bhttps://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/react-intlayer/index.md%5D(https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/react-intlayer/index.md)>) cho các ứng dụng React
-- [`next-intlayer`](<https://www.google.com/search?q=%5Bhttps://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/next-intlayer/index.md%5D(https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/next-intlayer/index.md)>) cho các ứng dụng Next.js
+`fastify-intlayer` hoàn toàn tương thích với:
 
-- [`react-intlayer`](<https://www.google.com/search?q=%5Bhttps://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/react-intlayer/index.md%5D(https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/react-intlayer/index.md)>) cho ứng dụng React
-- [`next-intlayer`](<https://www.google.com/search?q=%5Bhttps://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/next-intlayer/index.md%5D(https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/next-intlayer/index.md)>) cho ứng dụng Next.js
-- [`vite-intlayer`](<https://www.google.com/search?q=%5Bhttps://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/vite-intlayer/index.md%5D(https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/vite-intlayer/index.md)>) cho ứng dụng Vite
+- [`react-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/react-intlayer/index.md) cho ứng dụng React
+- [`next-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/next-intlayer/index.md) cho ứng dụng Next.js
+- [`vite-intlayer`](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/packages/vite-intlayer/index.md) cho ứng dụng Vite
 
-Nó cũng hoạt động mượt mà với bất kỳ giải pháp quốc tế hóa nào trên nhiều môi trường khác nhau, bao gồm trình duyệt và các yêu cầu API. Bạn có thể tùy chỉnh middleware để phát hiện locale thông qua headers hoặc cookies:
+Nó cũng hoạt động trơn tru với bất kỳ giải pháp quốc tế hóa nào trong các môi trường khác nhau, bao gồm trình duyệt và yêu cầu API. Bạn có thể tùy chỉnh middleware để phát hiện locale thông qua header hoặc cookie:
 
 ```typescript fileName="intlayer.config.ts" codeFormat="typescript"
 import { Locales, type IntlayerConfig } from "intlayer";
@@ -428,7 +378,7 @@ import { Locales } from "intlayer";
 
 /** @type {import('intlayer').IntlayerConfig} */
 const config = {
-  // ... Các tuỳ chọn cấu hình khác
+  // ... Các tùy chọn cấu hình khác
   middleware: {
     headerName: "my-locale-header",
     cookieName: "my-locale-cookie",
@@ -443,7 +393,7 @@ const { Locales } = require("intlayer");
 
 /** @type {import('intlayer').IntlayerConfig} */
 const config = {
-  // ... Các tuỳ chọn cấu hình khác
+  // ... Các tùy chọn cấu hình khác
   middleware: {
     headerName: "my-locale-header",
     cookieName: "my-locale-cookie",
@@ -453,29 +403,29 @@ const config = {
 module.exports = config;
 ```
 
-Mặc định, `fastify-intlayer` sẽ sử dụng header `Accept-Language` để xác định ngôn ngữ ưu tiên của client.
+Theo mặc định, `fastify-intlayer` sẽ diễn giải tiêu đề `Accept-Language` để xác định ngôn ngữ ưa thích của ứng dụng khách.
 
-> Để biết thêm thông tin về cấu hình và các chủ đề nâng cao, hãy xem [tài liệu của chúng tôi](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/configuration.md).
+> Để biết thêm thông tin về cấu hình và các chủ đề nâng cao, hãy truy cập [tài liệu](https://github.com/aymericzip/intlayer/blob/main/docs/docs/vi/configuration.md) của chúng tôi.
 
 ### Cấu hình TypeScript
 
-`fastify-intlayer` tận dụng khả năng mạnh mẽ của TypeScript để cải thiện quá trình quốc tế hóa. Hệ thống kiểu tĩnh của TypeScript đảm bảo mọi translation key đều được kiểm kê, giảm nguy cơ thiếu bản dịch và cải thiện khả năng bảo trì.
+`fastify-intlayer` tận dụng khả năng mạnh mẽ của TypeScript để cải thiện quá trình quốc tế hóa. Việc nhập tĩnh của TypeScript đảm bảo rằng mọi khóa dịch đều được tính đến, giảm rủi ro thiếu bản dịch và cải thiện khả năng bảo trì.
 
-Đảm bảo các kiểu được tự động sinh (mặc định tại ./types/intlayer.d.ts) được bao gồm trong file tsconfig.json của bạn.
+Đảm bảo các loại được tạo tự động (mặc định tại ./types/intlayer.d.ts) được bao gồm trong tệp tsconfig.json của bạn.
 
 ```json5 fileName="tsconfig.json"
 {
-  // ... Cấu hình TypeScript hiện có của bạn
+  // ... Các cấu hình TypeScript hiện tại của bạn
   "include": [
-    // ... Cấu hình TypeScript hiện có của bạn
-    ".intlayer/**/*.ts", // Bao gồm các kiểu được tự động sinh
+    // ... Các cấu hình TypeScript hiện tại của bạn
+    ".intlayer/**/*.ts", // Bao gồm các loại được tạo tự động
   ],
 }
 ```
 
 ### Tiện ích mở rộng VS Code
 
-Để cải thiện trải nghiệm phát triển với Intlayer, bạn có thể cài đặt **Tiện ích mở rộng Intlayer cho VS Code** chính thức.
+Để cải thiện trải nghiệm phát triển của bạn với Intlayer, bạn có thể cài đặt **Intlayer VS Code Extension** chính thức.
 
 [Cài đặt từ VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=intlayer.intlayer-vs-code-extension)
 
@@ -483,18 +433,19 @@ Tiện ích mở rộng này cung cấp:
 
 - **Tự động hoàn thành** cho các khóa dịch.
 - **Phát hiện lỗi thời gian thực** cho các bản dịch bị thiếu.
-- **Xem trước trực tiếp** nội dung đã dịch ngay trong trình soạn thảo.
-- **Hành động nhanh** để dễ dàng tạo và cập nhật bản dịch.
+- **Xem trước nội tuyến** nội dung đã dịch.
+- **Hành động nhanh** để dễ dàng tạo và cập nhật các bản dịch.
 
-Để biết thêm chi tiết về cách sử dụng tiện ích mở rộng, tham khảo [tài liệu Tiện ích mở rộng Intlayer cho VS Code](https://intlayer.org/doc/vs-code-extension).
+Để biết thêm chi tiết về cách sử dụng tiện ích mở rộng, hãy tham khảo [tài liệu Tiện ích mở rộng Intlayer VS Code](https://intlayer.org/doc/vs-code-extension).
 
 ### Cấu hình Git
 
-Nên bỏ qua các tệp do Intlayer tạo ra. Điều này giúp bạn tránh commit chúng vào kho Git của mình.
+Nên bỏ qua các tệp được tạo bởi Intlayer. Điều này cho phép bạn tránh việc commit chúng vào kho lưu trữ Git của mình.
 
 Để làm điều này, bạn có thể thêm các hướng dẫn sau vào tệp `.gitignore` của mình:
 
 ```plaintext fileName=".gitignore"
-# Bỏ qua các tệp được Intlayer tạo ra
+# Bỏ qua các tệp được tạo bởi Intlayer
 .intlayer
+
 ```

package/docs/vi/intlayer_with_hono.md

@@ -18,10 +18,10 @@ applicationTemplate: https://github.com/aymericzip/intlayer-hono-template
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch website backend Hono của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_lynx+react.md

@@ -19,10 +19,10 @@ applicationTemplate: https://github.com/aymericzip/intlayer-lynx-template
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch trang web ứng dụng di động Lynx và React của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nestjs.md

@@ -19,10 +19,10 @@ author: AydinTheFirst
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 5.8.0
     date: 2025-09-09
-    changes: Tài liệu ban đầu
+    changes: "Tài liệu ban đầu"
 ---
 
 # Dịch website backend Nest của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nextjs_14.md

@@ -19,22 +19,22 @@ applicationTemplate: https://github.com/aymericzip/intlayer-next-14-template
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 6.2.0
     date: 2025-10-09
-    changes: Thêm tài liệu cho hook `useLocale` với tùy chọn `onLocaleChange`
+    changes: "Thêm tài liệu cho hook `useLocale` với tùy chọn `onLocaleChange`"
   - version: 5.6.6
     date: 2025-10-02
-    changes: Thêm tài liệu cho hàm `getLocale` trên các hành động server
+    changes: "Thêm tài liệu cho hàm `getLocale` trên các hành động server"
   - version: 5.6.2
     date: 2025-09-22
-    changes: Thêm tài liệu cho helper `multipleMiddlewares`
+    changes: "Thêm tài liệu cho helper `multipleMiddlewares`"
   - version: 5.6.0
     date: 2025-07-06
-    changes: Chuyển hàm `withIntlayer()` thành hàm dựa trên promise
+    changes: "Chuyển hàm `withIntlayer()` thành hàm dựa trên promise"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch trang web Next.js 14 và App Router của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nextjs_15.md

@@ -20,31 +20,31 @@ youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 7.0.6
     date: 2025-11-01
-    changes: Thêm đề cập đến `x-default` trong đối tượng `alternates`
+    changes: "Thêm đề cập đến `x-default` trong đối tượng `alternates`"
   - version: 7.0.0
     date: 2025-10-25
-    changes: Thêm đề cập đến hàm `withIntlayerSync()`
+    changes: "Thêm đề cập đến hàm `withIntlayerSync()`"
   - version: 6.2.0
     date: 2025-10-09
-    changes: Thêm tài liệu cho hook `useLocale` với tùy chọn `onLocaleChange`
+    changes: "Thêm tài liệu cho hook `useLocale` với tùy chọn `onLocaleChange`"
   - version: 5.6.6
     date: 2025-10-02
-    changes: Thêm tài liệu cho hàm `getLocale` trong các hành động server
+    changes: "Thêm tài liệu cho hàm `getLocale` trong các hành động server"
   - version: 5.6.2
     date: 2025-09-23
-    changes: Thêm tài liệu cho việc theo dõi thay đổi từ điển trên Turbopack
+    changes: "Thêm tài liệu cho việc theo dõi thay đổi từ điển trên Turbopack"
   - version: 5.6.2
     date: 2025-09-22
-    changes: Thêm tài liệu cho helper `multipleMiddlewares`
+    changes: "Thêm tài liệu cho helper `multipleMiddlewares`"
   - version: 5.6.0
     date: 2025-07-06
-    changes: Chuyển hàm `withIntlayer()` thành hàm dựa trên promise
+    changes: "Chuyển hàm `withIntlayer()` thành hàm dựa trên promise"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch trang web Next.js 15 của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nextjs_16.md

@@ -19,13 +19,13 @@ youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 7.0.6
     date: 2025-11-01
-    changes: Đã thêm đề cập đến `x-default` trong đối tượng `alternates`
+    changes: "Đã thêm đề cập đến `x-default` trong đối tượng `alternates`"
   - version: 7.0.0
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch trang web Next.js 16 của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nextjs_compiler.md

@@ -22,10 +22,10 @@ youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 history:
   - version: 8.2.0
     date: 2026-03-09
-    changes: Update compiler options, add FilePathPattern support
+    changes: "Update compiler options, add FilePathPattern support"
   - version: 8.1.6
     date: 2026-02-23
-    changes: Phiên bản đầu tiên
+    changes: "Phiên bản đầu tiên"
 ---
 
 # Cách biến ứng dụng Next.js hiện tại thành đa ngôn ngữ (i18n) (hướng dẫn i18n 2026)

package/docs/vi/intlayer_with_nextjs_no_locale_path.md

@@ -20,7 +20,7 @@ youtubeVideo: https://www.youtube.com/watch?v=e_PPG7PTqGU
 history:
   - version: 8.0.0
     date: 2026-01-10
-    changes: Phát hành ban đầu
+    changes: "Phát hành ban đầu"
 ---
 
 # Dịch trang web Next.js 16 của bạn (không có [locale] trong đường dẫn trang) bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nextjs_page_router.md

@@ -19,13 +19,13 @@ slugs:
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 5.6.0
     date: 2025-07-06
-    changes: Chuyển hàm `withIntlayer()` thành hàm dựa trên promise
+    changes: "Chuyển hàm `withIntlayer()` thành hàm dựa trên promise"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch trang web Next.js và Page Router của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_nuxt.md

@@ -19,10 +19,10 @@ youtubeVideo: https://www.youtube.com/watch?v=nhUcUAVQ6eQ
 history:
   - version: 7.3.11
     date: 2025-12-07
-    changes: Cập nhật LocaleSwitcher, SEO, metadata
+    changes: "Cập nhật LocaleSwitcher, SEO, metadata"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch trang web Nuxt và Vue của bạn bằng Intlayer | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_react_native+expo.md

@@ -18,13 +18,13 @@ applicationTemplate: https://github.com/aymericzip/intlayer-react-native-templat
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 6.1.6
     date: 2025-10-02
-    changes: Thêm phần debug
+    changes: "Thêm phần debug"
   - version: 5.5.10
     date: 2025-06-29
-    changes: Khởi tạo lịch sử
+    changes: "Khởi tạo lịch sử"
 ---
 
 # Dịch ứng dụng Expo và React Native của bạn | Quốc tế hóa (i18n)

package/docs/vi/intlayer_with_react_router_v7.md

@@ -22,16 +22,16 @@ youtubeVideo: https://www.youtube.com/watch?v=dS9L7uJeak4
 history:
   - version: 7.5.9
     date: 2025-12-30
-    changes: Thêm lệnh init
+    changes: "Thêm lệnh init"
   - version: 7.5.6
     date: 2025-12-27
-    changes: Cập nhật Layout và xử lý 404
+    changes: "Cập nhật Layout và xử lý 404"
   - version: 6.1.5
     date: 2025-10-03
-    changes: Cập nhật tài liệu
+    changes: "Cập nhật tài liệu"
   - version: 5.8.2
     date: 2025-09-04
-    changes: Thêm cho React Router v7
+    changes: "Thêm cho React Router v7"
 ---
 
 # Dịch trang web React Router v7 của bạn bằng Intlayer | Quốc tế hóa (i18n)