@intlayer/docs 9.5.2 → 9.5.4-canary.0

package/blog/uk/vue-i18n_vs_intlayer-vue-i18n.md

@@ -0,0 +1,270 @@
+---
+createdAt: 2026-09-13
+updatedAt: 2026-09-13
+title: "vue-i18n vs @intlayer/vue-i18n: Однаковий API, різний Bundle"
+description: Що змінюється, коли Vue 3 додаток зберігає свої виклики vue-i18n, але обслуговує їх через адаптер сумісності @intlayer/vue-i18n. JavaScript на сторінку, розмір runtime, розмір компонента та витоку вимірюються на тому самому коді Vite + Vue, плюс те, що адаптер зберігає, ігнорує та не може замінити.
+keywords:
+  - vue-i18n
+  - "@intlayer/vue-i18n"
+  - Intlayer
+  - Compat adapter
+  - Migration
+  - Internationalization
+  - i18n
+  - Benchmark
+  - Bundle size
+  - Blog
+  - Vue
+  - Nuxt
+  - Vite
+slugs:
+  - blog
+  - vue-i18n-vs-intlayer-vue-i18n
+author: aymericzip
+---
+
+# vue-i18n VS @intlayer/vue-i18n | Однаковий API, різний Bundle
+
+`@intlayer/vue-i18n` — це адаптер сумісності: він надає API `vue-i18n` (`createI18n`, `useI18n`, `t()`, `d()`, `n()`, `$t`, `v-t`, `i18n.global.locale`...) та обслуговує його зі словників, скомпільованих Intlayer. Ваші файли `.vue` не змінюються. Змінюється лише те, до чого прив'язаний `t("footer.github")`.
+
+Ця стаття вимірює цей перехід на тій же програмі Vite + Vue 3, зібраній один раз з `vue-i18n` і один раз з адаптером. Цифри походять з [Benchmark Bloom](https://github.com/intlayer-org/benchmark-bloom). Для порівняння `vue-i18n` та Intlayer як бібліотек прочитайте [vue-i18n vs Intlayer](https://intlayer.org/blog/vue-i18n-vs-intlayer) та [vue-i18n vs Intlayer benchmark](https://intlayer.org/blog/vue-i18n-vs-intlayer-benchmark). Ця стаття присвячена тому, які зміни адаптер вносить, коли ви зберігаєте компоненти такими, якими вони є.
+
+<TOC/>
+
+> **tl;dr**: На тому самому додатку Vite + Vue 3 заміна `vue-i18n` на `@intlayer/vue-i18n` зменшила JavaScript на сторінку з **134.9 KB до 47.0 KB** gzip (додаток без i18n важить 41.3 KB), runtime з **24.3 KB до 7.9 KB**, середній компонент з **196 KB до 8.4 KB** і витоком рядків іноземної сторінки з **90% до 0%**, без редагування жодного файлу `.vue`. `createI18n({ messages })` продовжує працювати як резервний варіант; видаліть імпорти JSON, щоб отримати наведені вище цифри. SFC блоки `<i18n>` та runtime `setLocaleMessage()` — це дві функції, які не переносяться.
+
+## Що таке `@intlayer/vue-i18n`
+
+`vue-i18n` — це runtime. `createI18n({ messages: { en, fr, ... } })` будує глобальний екземпляр, який містить усі повідомлення кожної мови; `useI18n()` пов'язує кожний компонент з ним; `t("footer.github")` проходить деревом під час рендеру. Це дизайн робить можливими SFC блоки `<i18n>` та `setLocaleMessage()`, а також робить граф залежностей кожного компонента включеним у все дерево.
+
+`@intlayer/vue-i18n` зберігає API та замінює дерево:
+
+1. **Import aliasing.** `vueI18nVitePlugin()` з `@intlayer/vue-i18n/plugin` обгортає `vite-intlayer` та додає `resolve.alias` так що `vue-i18n` розпізнається як `@intlayer/vue-i18n`. Жоден імпорт не перейменовується.
+2. **JSON як джерело істини.** Плагін `syncJSON` читає ваш існуючий `locales/{locale}.json` з `format: "vue-i18n"` (тому `{name}`, `{0}` інтерполяція списку та `"car | cars"` pipe множини аналізуються правильно) і записує переклади назад, коли CLI або CMS їх оновлюють.
+3. **Call-site binding.** Пройти оптимізації Intlayer переписує call sites `useI18n()` так, щоб компонент отримував словники своїх ключів у активній локалі, як імпорти, які bundler може відслідкувати та розділити.
+
+```vue fileName="src/components/Footer.vue"
+<!-- Ваш код, без змін -->
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <a href="https://github.com/intlayer-org/benchmark-bloom">{{
+    t("footer.github")
+  }}</a>
+</template>
+```
+
+```ts fileName="Що компілятор видає (спрощено)"
+import _dicHash_footer from "../.intlayer/dictionaries/footer.mjs";
+import { useDictionary as useI18n } from "@intlayer/vue-i18n";
+
+const { t } = useI18n(_dicHash_footer);
+```
+
+Компонент більше не звертається до глобального дерева повідомлень. Він звертається до `footer`. Саме тому стовпець розміру компонента нижче падає з 196 KB до 8 KB.
+
+## Що адаптер зберігає, ігнорує та не замінює
+
+| `vue-i18n` API                                                      | З `@intlayer/vue-i18n`                                                                                                                      |
+| ------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
+| `useI18n()` → `{ t, d, n, te, tm, rt, locale, availableLocales }`   | ✅ Збережено. `t` ключі типізовані відносно ваших словників                                                                                 |
+| `t("key", { name })`, `t("key", [a, b])`, `t("key", count)`         | ✅ Збережено. `{name}`, `{0}` та plurals розділені трубою розв'язуються як раніше                                                           |
+| `d(date, "long")`, `n(value, "currency")`                           | ✅ Збережено. `datetimeFormats` / `numberFormats` з `createI18n()` дотримуються, підкріплені нативним `Intl`                                |
+| `i18n.global.locale.value = "fr"`                                   | ✅ Збережено. `WritableComputedRef`, підтримується Intlayer's client; реактивність працює як раніше                                         |
+| `$t`, `$tc`, `$te`, `$tm`, `$rt`, `$d`, `$n`, `$i18n` (Options API) | ✅ Збережено. Зареєстровано на `app.config.globalProperties` через `app.use(i18n)`                                                          |
+| `v-t` directive                                                     | ✅ Збережено                                                                                                                                |
+| `legacy: true`                                                      | ✅ Прийнято                                                                                                                                 |
+| `createI18n({ messages })`                                          | ⚠️ `messages` використовуються як **резервна версія під час виконання** з попередженням розробника. Видаліть JSON імпорти для набору bundle |
+| `setLocaleMessage()`, `mergeLocaleMessage()`                        | ❌ Попереджувати та нічого не робити. Завантаження повідомлень під час виконання замінено на словники під час збірки                        |
+| SFC `<i18n>` користувацькі блоки                                    | ❌ Не читаються. Перемістіть ці повідомлення в локаль JSON (або в `.content.ts` поруч з компонентом)                                        |
+| `@nuxtjs/i18n`                                                      | ⚠️ Окремий адаптер, див. [документацію сумісності Nuxt](https://intlayer.org/doc/uk/compatibility/nuxtjs-i18n)                              |
+
+## Бенчмарк
+
+### Що було виміряно
+
+The [Benchmark Bloom](https://github.com/intlayer-org/benchmark-bloom) suite будує **ту саму Vite + Vue 3 програму** з кожною конфігурацією: **10 сторінок** (home, about, blog, careers, contact, FAQ, pricing, products, settings, team), **10 локалей** (`en`, `fr`, `es`, `de`, `it`, `pt`, `zh`, `ja`, `ko`, `ru`), ідентичні компоненти та ідентичний контент. Сторінки вимірюються на `en` та `fr`.
+
+Обидва були побудовані в **статичній** конфігурації, як зазвичай поставляються Vue проекти: для `vue-i18n`, JSON кожної локалі імпортується та передається в `createI18n({ messages })`; для адаптера, ті ж компоненти з змінені `vite.config.ts` та `intlayer.config.ts` та видалений імпорт `messages`. Нативний `vue-intlayer` включений як еталон.
+
+Для кожної збірки suite записує:
+
+- **Lib size**: розмір gzip (і мініфікований) порожньої компоненти, яка лише імпортує бібліотеку i18n.
+- **Page JS**: розмір завантаженого gzip JavaScript на сторінку, усереднений по всім сторінкам та локалізаціям.
+- **Locale leak %**: частка перекладених рядків у завантаженому JS, які належать локалізації, яку користувач **не** переглядає.
+- **Page leak %**: частка перекладених рядків у завантаженому JS, які належать сторінці, на якій користувач **не** перебуває.
+- **Component avg**: середній розмір gzip кожної компоненти, скомпільованої окремо.
+- **E2E reactivity**: час в реальному часі між вибором нової локалізації та оновленням `html[lang]` у DOM (Playwright, 5 ітерацій).
+- **Page load**: `PerformanceNavigationTiming.duration`.
+
+> Числові дані нижче отримані з запуску від **2026-09-12** з `vue-i18n` 11.4.0 та `@intlayer/vue-i18n` 9.5.1. Тестовий додаток навмисно невеликий (кілька десятків рядків на локаль), тому відсотки витоків описують **закономірність**: вони зростають зі збільшенням вашого контенту, тоді як вартість виконання залишається незмінною.
+
+### Результати на Vite + Vue 3
+
+| Setup                    | Strategy | Lib size (gz) | Lib size (min) | Page JS avg (gz) | Locale leak | Page leak | Component avg (gz) | E2E reactivity |  Page load |
+| ------------------------ | -------- | ------------: | -------------: | ---------------: | ----------: | --------: | -----------------: | -------------: | ---------: |
+| **base** (no i18n)       | -        |        0.0 KB |         0.0 KB |          41.3 KB |        0.0% |         - |             1.1 KB |         1.8 ms |    10.8 ms |
+| `vue-i18n`               | static   |       24.3 KB |        83.2 KB |         134.9 KB |       50.0% |     90.0% |           196.0 KB |         2.8 ms |    13.6 ms |
+| **`@intlayer/vue-i18n`** | static   |    **7.9 KB** |    **23.2 KB** |      **47.0 KB** |   **15.0%** |  **0.0%** |         **8.4 KB** |     **1.5 ms** | **9.3 ms** |
+| `vue-intlayer` (native)  | static   |        3.9 KB |        11.1 KB |          57.1 KB |       56.8% |      0.0% |             7.7 KB |         4.5 ms |    13.8 ms |
+| `vue-intlayer` (native)  | dynamic  |        3.9 KB |        11.1 KB |          59.8 KB |       50.0% |      0.0% |             6.5 KB |         4.0 ms |    15.8 ms |
+
+> Стовпець page-leak базової програми залишається пустим: без бібліотеки i18n відбиток вхоплює жорстко закодовані рядки в спільних блоках, і число не має сенсу.
+
+**Як це читати**
+
+- **88 KB менше на сторінку, ті ж компоненти.** `vue-i18n` бере програму 41.3 KB до **134.9 KB**. Адаптер збірка тих же компонентів приземляється на **47.0 KB**, 5.7 KB більше базової програми. Більшість різниці — це 74.9 KB з `src/locales`, яку `createI18n({ messages })` тягне на кожну сторінку, а адаптер ніколи не пакує як блок.
+- **Runtime зменшується в 3 рази.** Порожний компонент, який лише імпортує `vue-i18n`, коштує **24.3 KB gzip / 83.2 KB мініфіковано**: `@intlify/core-base`, компілятор повідомлень і runtime. Адаптер коштує **7.9 KB / 23.2 KB**, більшість з яких це core Intlayer плюс поверхня API `vue-i18n`.
+- **Компоненти: 23x менші.** Компонент `useI18n()`, скомпільований ізольовано, в середньому займає **196 KB**, тому що `t` пов'язана з екземпляром, який містить кожне повідомлення кожної локалізації. З адаптером той самий компонент в середньому займає **8.4 KB**: він досягає своїх власних словників.
+- **Витоку.** `vue-i18n` поставляє кожну локаль і рядки кожної сторінки на кожній сторінці: 50% витоку локалі (на двох відбитих локалях; з десятьма упакованими локалями реальні втрати вищі), 90% витоку сторінки. Адаптер знижує витік сторінки до **0%**, оскільки кожний компонент імпортує тільки свої словники. Витік локалі становить 15% у цьому запуску `static`; `importMode: 'dynamic'` — це параметр, який його видаляє, і ця конфігурація не була частиною цього запуску Vue.
+- **Реактивність та завантаження сторінки.** Перемикання локалі дешево для обох (1,5-2,8 мс); система реактивності Vue робить це можливим, коли повідомлення вже в пам'яті. Завантаження сторінки займає 13,6 мс до **9,3 мс**, що відповідає 88 КБ менше JavaScript для аналізу.
+- **Про природні рядки.** `vue-intlayer` у цьому запуску упаковував кожну локаль у режимі `static` і приземлився на 57.1 KB з рантайм 3.9 KB; синхронізовані словники адаптера містили менше іноземних рядків локалі, тому нижча цифра на сторінку. Нативний рантайм залишається найлегшим із трьох, а його модель `.content.ts` — це еквівалент блоків SFC `<i18n>`.
+
+## Чому змінюються числа
+
+Нічого в `src/components/` не змінилося, тому прибутки походять від того, до чого прив'язаний `useI18n`.
+
+**З `vue-i18n`**, прив'язка — це глобальний екземпляр. `createI18n({ messages: { en, fr, ... } })` — це один імпорт, який містить все; кожен компонент, який викликає `useI18n()`, може отримати доступ до всього цього, тому бандлер не може розділити нижче екземпляра. Оптимізація означає, що _ви_ розділяєте `en.json` за маршрутом, викликаєте `setLocaleMessage()` в охоронцеві маршрутизатора й утримуєте карту маршруту до файлу в актуальному стані, коли компоненти переміщуються.
+
+```bash
+.
+├── locales
+│   ├── en.json                    # рядки кожної сторінки
+│   └── fr.json
+└── src
+    ├── i18n.ts                    # createI18n({ messages: { en, fr, ... } })
+    ├── main.ts                    # app.use(i18n)
+    └── components
+        └── Footer.vue             # useI18n(); t("footer.github")
+```
+
+**З `@intlayer/vue-i18n`**, binding — це словник. `syncJSON` перетворює кожен top-level ключ `en.json` у словник; оптимізаційний проход передає компоненту ті, чиї ключи він назначує, імпортуючи bundler відстежує та розділяє за сторінкою.
+
+```bash
+.
+├── intlayer.config.ts             # syncJSON({ format: "vue-i18n", source: ... })
+├── locales
+│   ├── en.json                    # без змін, все ще джерело істини
+│   └── fr.json
+├── .intlayer/                     # згенеровано: один словник на top-level ключ, на locale
+└── src
+    ├── i18n.ts                    # createI18n({})   ← import messages видалено
+    ├── main.ts                    # app.use(i18n)    ← без змін
+    └── components
+        └── Footer.vue             # useI18n(); t("footer.github")  ← без змін
+```
+
+Імпорт `messages` в `i18n.ts` - це єдиний рядок, який потрібно видалити. Це 88 KB.
+
+## Міграція в три кроки
+
+<Steps>
+<Step number={1} title="Встановлення">
+
+```bash packageManager="npm"
+npx intlayer init --interactive
+```
+
+```bash packageManager="pnpm"
+pnpm dlx intlayer init --interactive
+```
+
+```bash packageManager="yarn"
+yarn dlx intlayer init --interactive
+```
+
+```bash packageManager="bun"
+bunx intlayer init --interactive
+```
+
+Команда виявляє `vue-i18n`, встановлює `intlayer`, `vue-intlayer`, `@intlayer/vue-i18n` і `@intlayer/sync-json-plugin`, та попередньо заповнює `intlayer.config.ts`. Залишіть `vue-i18n` встановленим: це peer dependency і надає типи.
+
+</Step>
+<Step number={2} title="Вкажіть Intlayer на ваші файли локалей">
+
+```ts fileName="intlayer.config.ts"
+import { Locales, type IntlayerConfig } from "intlayer";
+import { syncJSON } from "@intlayer/sync-json-plugin";
+
+const config: IntlayerConfig = {
+  internationalization: {
+    locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],
+    defaultLocale: Locales.ENGLISH,
+  },
+  dictionary: {
+    // "static" об'єднує кожну мову; "dynamic" завантажує активну за запитом
+    importMode: "dynamic",
+    format: "vue-i18n",
+  },
+  plugins: [
+    syncJSON({
+      // vue-i18n діалект: {name}, {0}, "car | cars"
+      format: "vue-i18n",
+      source: ({ locale }) => `./locales/${locale}.json`,
+      location: "locales",
+    }),
+  ],
+};
+
+export default config;
+```
+
+`locales/{locale}.json` залишається на своєму місці. Кожен ключ верхнього рівня (`footer`, `hero`...) стає словником.
+
+</Step>
+<Step number={3} title="Додайте плагін та видаліть імпорт повідомлень">
+
+```ts 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()],
+});
+```
+
+```ts fileName="src/i18n.ts"
+import { createI18n } from "vue-i18n";
+
+// Раніше: createI18n({ locale: "en", messages: { en, fr, es } })
+export const i18n = createI18n({ locale: "en" });
+```
+
+`vueI18nVitePlugin()` обертає `vite-intlayer` (спостереження за вмістом, компіляція словника, оптимізацій) та створює alias `vue-i18n` до адаптера. Видалення імпорту `messages` скорочує 88 KB; якщо залишити його, додаток продовжить працювати, але буде поставляти обидва варіанти.
+
+</Step>
+</Steps>
+
+### Що ви можете видалити потім
+
+| Файл / патерн                                   | Причина                                                                                |
+| ----------------------------------------------- | -------------------------------------------------------------------------------------- |
+| `import en from "./locales/en.json"` та подібні | Використовується лише як fallback адаптером. Саме звідси було 88 KB                    |
+| `setLocaleMessage()` в router guards            | No-op. Завантаження per-route тепер робить компілятор                                  |
+| `@intlify/unplugin-vue-i18n`                    | Не потрібен: він попередньо компілює повідомлення та SFC блоки, які адаптер не читає   |
+| SFC `<i18n>` блоки                              | Не читаються; перемістіть їх до locale JSON або в `.content.ts` для кожного компонента |
+
+### Що ви отримуєте крім економії байтів
+
+- **Типізовані ключі.** `t("footer.github")` має тип для скомпільованого словника `footer`; неправильний шлях — це помилка TypeScript замість ключа, відображеного як текст.
+- **`npx intlayer test`** завершується помилкою CI для відсутнього ключа в будь-якій локалі. **`npx intlayer fill`** перекладає відсутні за допомогою вашого ключа постачальника (OpenAI, Anthropic, Mistral, Gemini...) і записує їх назад в `locales/{locale}.json`.
+- **Visual Editor і CMS** працюють з одним і тим самим JSON, тому розробники редагують через UI, а файли оновлюються.
+- **Поступовий перехід до `.content.ts`.** Будь-який компонент може перейти з `useI18n()` на `useIntlayer("footer")` з прив'язаним файлом контенту. JSON та `.content.ts` словники співіснують та об'єднуються.
+
+## Обмеження, про які потрібно знати перед початком
+
+- **SFC `<i18n>` блоки не читаються.** Якщо ваші повідомлення знаходяться всередині компонентів, вони повинні перейти до файлів локалізації (або до `.content.ts`, що є тією ж ідеєю з типами).
+- **Завантаження повідомлень під час виконання відсутнє.** `setLocaleMessage()` та `mergeLocaleMessage()` видають попередження та повертаються. Переклади, отримані з CMS під час виконання, потребують CMS Intlayer або команд `intlayer pull` / `push`.
+- **`messages` є резервним варіантом, а не безплатним.** Збереження імпортів JSON у `createI18n()` зберігає 75 KB у bundle. Видаліть їх, коли `intlayer test` пройде.
+- **Адаптер - це не нативний runtime.** 7.9 KB проти 3.9 KB для `vue-intlayer`. Як тільки кожен компонент перейде на `useIntlayer`, можна його видалити.
+
+## Коли використовувати що?
+
+- **Залишайтеся на `vue-i18n`**, якщо ваш додаток залежить від SFC `<i18n>` блоків, від flows `setLocaleMessage()` під час виконання, або якщо 90 KB на сторінку - це не проблема для вашої аудиторії.
+- **Використовуйте `@intlayer/vue-i18n`**, якщо ви на `vue-i18n` і хочете зекономити 88 KB, мати компоненти в 23 рази менші, 0% витоків сторінки, типізовані ключі та CI перевірки без редагування `.vue` файлу. Це точка входу для існуючого `vue-i18n` codebase.
+- **Переходьте на native (`vue-intlayer`)** для нових проектів, або як тільки адаптер виконав свою роботу. Він має найлегший runtime (3.9 KB) та per-component `.content.ts` модель, яка замінює `<i18n>` блоки типізованим контентом.

package/blog/uk/vue-i18n_vs_intlayer.md

@@ -236,7 +236,7 @@ const { greeting } = useIntlayer("component-example");
 
 GitHub-зірки, це вагомий індикатор популярності проєкту, довіри спільноти та його довгострокової релевантності. Хоча вони не є прямим показником технічної якості, вони відображають, скільки розробників вважають проєкт корисним, слідкують за його розвитком і, ймовірно, впровадять його. При оцінці вартості проєкту зірки допомагають порівняти динаміку прийняття між альтернативами та дають уявлення про зростання екосистеми.
 
-[![Графік історії зірок](https://api.star-history.com/svg?repos=intlify/vue-i18n&repos=aymericzip/intlayer&type=Date)](https://www.star-history.com/#intlify/vue-i18n&aymericzip/intlayer)
+[![Графік історії зірок](https://api.star-history.com/svg?repos=intlify/vue-i18n&repos=aymericzip/intlayer&type=Date)](https://star-history.com/#intlify/vue-i18n&aymericzip/intlayer)
 
 ## Висновок
 

package/blog/vi/history_of_i18n.md

@@ -49,7 +49,7 @@ Các giải pháp đã thay đổi đáng kể. Chúng ta đã đi từ các đ
 
 Bài viết này xem xét quá trình phát triển đó từ khoảng năm 2011 đến năm 2026: những gì mỗi thế hệ công cụ đã cố gắng giải quyết, những gì hiệu quả, những gì thất bại, và cách kiến trúc ứng dụng frontend đã định hình cách chúng ta xử lý i18n ngày nay.
 
-![Hệ sinh thái thư viện quốc tế hóa JavaScript](https://github.com/aymericzip/intlayer/blob/main/docs/assets/cloud_i18n_logo.png?raw=true)
+![Hệ sinh thái thư viện quốc tế hóa JavaScript](https://github.com/aymericzip/intlayer/blob/main/docs/assets/cloud_i18n_logo.webp?raw=true)
 
 ## Mục lục
 
@@ -149,87 +149,87 @@ Các tab sau đây trình bày cách mỗi framework và hệ sinh thái giải
 
 <Tab label="Core JavaScript" value="javascript">
 
-| Bản phát hành đầu | Thư viện                             | Mục tiêu giải quyết                                                                                                                                     | Đổi mới quan trọng                                                                                                                                |
-| ----------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Tháng 1 năm 2012  | `i18next`                            | Tiêu chuẩn hóa việc tra cứu từ điển lúc runtime cho trình duyệt và Node.js mà không bị ràng buộc framework.                                             | Kiến trúc runtime linh hoạt tách biệt việc dịch cốt lõi khỏi bộ tải, bộ nhận diện và bộ nhớ đệm.                                                  |
-| Tháng 2 năm 2021  | `typesafe-i18n`                      | Ngăn chặn các lỗi runtime âm thầm do các chuỗi khóa không có kiểu dữ liệu gây ra.                                                                       | Các hàm dịch có kiểu dữ liệu đầy đủ được tạo trực tiếp từ các đối tượng dịch mà không cần phụ thuộc runtime.                                      |
-| Tháng 10 năm 2023 | `paraglide` (`@inlang/paraglide-js`) | Loại bỏ việc tra cứu từ điển runtime, các bộ phân tích nặng nề và sự phình to của bundle.                                                               | Biên dịch thông điệp thành các module ECMAScript hỗ trợ tree-shaking và các hàm JS thuần túy.                                                     |
-| Tháng 4 năm 2024  | `intlayer`                           | Thay thế các namespace khó duy trì, tránh rò rỉ nội dung giữa các trang, và khắc phục tình trạng thiếu an toàn kiểu dữ liệu trong kỷ nguyên TypeScript. | Đặt tệp `.content` trực tiếp tại nơi các hàm được gọi, tự động tạo kiểu TypeScript, và tích hợp sẵn CMS trực quan cùng công cụ CLI dịch thuật AI. |
-| Tháng 6 năm 2025  | `wuchale`                            | Loại bỏ sự phiền toái khi phải trích xuất thủ công các chuỗi văn bản và đặt tên khóa dịch trong quá trình phát triển.                                   | Tiền xử lý cấp độ AST tự động phát hiện văn bản inline và biên dịch thành các hàm bản địa hóa không cần wrapper khi build.                        |
+| Bản phát hành đầu | Thư viện                             | Tác giả                                                      | Mục tiêu giải quyết                                                                                                                                     | Đổi mới quan trọng                                                                                                                                |
+| ----------------- | ------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Tháng 1 năm 2012  | `i18next`                            | Jan Mühlemann (`@jamuhl`)                                    | Tiêu chuẩn hóa việc tra cứu từ điển lúc runtime cho trình duyệt và Node.js mà không bị ràng buộc framework.                                             | Kiến trúc runtime linh hoạt tách biệt việc dịch cốt lõi khỏi bộ tải, bộ nhận diện và bộ nhớ đệm.                                                  |
+| Tháng 2 năm 2021  | `typesafe-i18n`                      | Ivan Hofer (`@ivanhofer`)                                    | Ngăn chặn các lỗi runtime âm thầm do các chuỗi khóa không có kiểu dữ liệu gây ra.                                                                       | Các hàm dịch có kiểu dữ liệu đầy đủ được tạo trực tiếp từ các đối tượng dịch mà không cần phụ thuộc runtime.                                      |
+| Tháng 10 năm 2023 | `paraglide` (`@inlang/paraglide-js`) | Samuel Stroschein (`@samuelstroschein`) / Inlang (`@inlang`) | Loại bỏ việc tra cứu từ điển runtime, các bộ phân tích nặng nề và sự phình to của bundle.                                                               | Biên dịch thông điệp thành các module ECMAScript hỗ trợ tree-shaking và các hàm JS thuần túy.                                                     |
+| Tháng 8 năm 2024  | `intlayer`                           | Aymeric Pineau (`@aymericzip`)                               | Thay thế các namespace khó duy trì, tránh rò rỉ nội dung giữa các trang, và khắc phục tình trạng thiếu an toàn kiểu dữ liệu trong kỷ nguyên TypeScript. | Đặt tệp `.content` trực tiếp tại nơi các hàm được gọi, tự động tạo kiểu TypeScript, và tích hợp sẵn CMS trực quan cùng công cụ CLI dịch thuật AI. |
+| Tháng 6 năm 2025  | `wuchale`                            | Kidus Adugna (`@K1DV5`)                                      | Loại bỏ sự phiền toái khi phải trích xuất thủ công các chuỗi văn bản và đặt tên khóa dịch trong quá trình phát triển.                                   | Tiền xử lý cấp độ AST tự động phát hiện văn bản inline và biên dịch thành các hàm bản địa hóa không cần wrapper khi build.                        |
 
 </Tab>
 
 <Tab label="React" value="react">
 
-| Bản phát hành đầu | Thư viện         | Mục tiêu giải quyết                                                                                                                                | Đổi mới quan trọng                                                                                                                                            |
-| ----------------- | ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Tháng 6 năm 2014  | `react-intl`     | Tiêu chuẩn hóa định dạng số, ngày tháng, tiền tệ và số nhiều phức tạp trong React.                                                                 | Các component khai báo (`<FormattedMessage>`, `<FormattedDate>`) hiện thực hóa các tiêu chuẩn ICU MessageFormat và ECMA-402.                                  |
-| Tháng 12 năm 2015 | `react-i18next`  | Cung cấp liên kết chuẩn React cho `i18next` với khả năng re-render phản ứng.                                                                       | Phát triển cùng React từ Higher-Order Components đến nội suy JSX `<Trans>` và hook `useTranslation`.                                                          |
-| Tháng 1 năm 2018  | `@lingui/react`  | Giảm bớt dung lượng bundle JavaScript gây ra bởi các bộ phân tích ICU lúc runtime.                                                                 | Macro Babel/SWC lúc biên dịch giúp đóng gói `<Trans>` và `t` thành các mảng chỉ mục nhỏ gọn khi build.                                                        |
-| Tháng 12 năm 2020 | `use-intl`       | Mang lại giải pháp nhẹ nhàng, ưu tiên hook và an toàn kiểu dữ liệu thay thế cho các thư viện React i18n cũ.                                        | Các hook `useTranslations` và `useFormatter` trực quan cùng khả năng tích hợp TypeScript sâu sắc.                                                             |
-| Tháng 2 năm 2021  | `@tolgee/react`  | Loại bỏ vòng phản hồi chậm trễ giữa các nhà phát triển, biên dịch viên và nhà thiết kế.                                                            | Chỉnh sửa trực tiếp trong ngữ cảnh trình duyệt, cho phép người dùng Alt-click vào văn bản để sửa bản dịch tại chỗ và chụp ảnh màn hình.                       |
-| Tháng 4 năm 2024  | `react-intlayer` | Cung cấp triển khai Intlayer hiệu năng cao dành riêng cho vòng đời component của React, loại bỏ các từ điển JSON tập trung và namespace cồng kềnh. | Hook `useIntlayer` hiệu năng cao cho quá trình render của React, tự động tạo kiểu TypeScript, tree-shaking theo từng component, và đồng bộ hóa CMS trực quan. |
-| Tháng 7 năm 2024  | `gt-react`       | Tự động hóa việc xuất tệp thủ công, bàn giao biên dịch viên và bảo trì bản dịch.                                                                   | Bản địa hóa AI tự động trên nền tảng cloud trực tiếp bên trong các component React với quy trình dịch máy.                                                    |
-| Tháng 8 năm 2025  | `@wuchale/jsx`   | Loại bỏ việc đặt tên khóa thủ công và các hook dịch khuôn mẫu trong JSX của React.                                                                 | Chuyển đổi AST tự động trích xuất các node văn bản JSX thô và biên dịch thành các kết quả bản địa hóa tương đương.                                            |
+| Bản phát hành đầu | Thư viện         | Tác giả                        | Mục tiêu giải quyết                                                                                                                                | Đổi mới quan trọng                                                                                                                                            |
+| ----------------- | ---------------- | ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Tháng 6 năm 2014  | `react-intl`     | Yahoo! / FormatJS              | Tiêu chuẩn hóa định dạng số, ngày tháng, tiền tệ và số nhiều phức tạp trong React.                                                                 | Các component khai báo (`<FormattedMessage>`, `<FormattedDate>`) hiện thực hóa các tiêu chuẩn ICU MessageFormat và ECMA-402.                                  |
+| Tháng 12 năm 2015 | `react-i18next`  | Jan Mühlemann (`@jamuhl`)      | Cung cấp liên kết chuẩn React cho `i18next` với khả năng re-render phản ứng.                                                                       | Phát triển cùng React từ Higher-Order Components đến nội suy JSX `<Trans>` và hook `useTranslation`.                                                          |
+| Tháng 1 năm 2018  | `@lingui/react`  | Tomáš Ehrlich (`@tricoder42`)  | Giảm bớt dung lượng bundle JavaScript gây ra bởi các bộ phân tích ICU lúc runtime.                                                                 | Macro Babel/SWC lúc biên dịch giúp đóng gói `<Trans>` và `t` thành các mảng chỉ mục nhỏ gọn khi build.                                                        |
+| Tháng 12 năm 2020 | `use-intl`       | Jan Amann (`@amannn`)          | Mang lại giải pháp nhẹ nhàng, ưu tiên hook và an toàn kiểu dữ liệu thay thế cho các thư viện React i18n cũ.                                        | Các hook `useTranslations` và `useFormatter` trực quan cùng khả năng tích hợp TypeScript sâu sắc.                                                             |
+| Tháng 2 năm 2021  | `@tolgee/react`  | Jan Cizmar (`@jcizmar`)        | Loại bỏ vòng phản hồi chậm trễ giữa các nhà phát triển, biên dịch viên và nhà thiết kế.                                                            | Chỉnh sửa trực tiếp trong ngữ cảnh trình duyệt, cho phép người dùng Alt-click vào văn bản để sửa bản dịch tại chỗ và chụp ảnh màn hình.                       |
+| Tháng 8 năm 2024  | `react-intlayer` | Aymeric Pineau (`@aymericzip`) | Cung cấp triển khai Intlayer hiệu năng cao dành riêng cho vòng đời component của React, loại bỏ các từ điển JSON tập trung và namespace cồng kềnh. | Hook `useIntlayer` hiệu năng cao cho quá trình render của React, tự động tạo kiểu TypeScript, tree-shaking theo từng component, và đồng bộ hóa CMS trực quan. |
+| Tháng 7 năm 2024  | `gt-react`       | Ernest McCarter (`@eoinest`)   | Tự động hóa việc xuất tệp thủ công, bàn giao biên dịch viên và bảo trì bản dịch.                                                                   | Bản địa hóa AI tự động trên nền tảng cloud trực tiếp bên trong các component React với quy trình dịch máy.                                                    |
+| Tháng 6 năm 2025  | `@wuchale/jsx`   | Kidus Adugna (`@K1DV5`)        | Loại bỏ việc đặt tên khóa thủ công và các hook dịch khuôn mẫu trong JSX của React.                                                                 | Chuyển đổi AST tự động trích xuất các node văn bản JSX thô và biên dịch thành các kết quả bản địa hóa tương đương.                                            |
 
 </Tab>
 
 <Tab label="Next.js" value="nextjs">
 
-| Bản phát hành đầu | Thư viện                                    | Mục tiêu giải quyết                                                                                                                   | Đổi mới quan trọng                                                                                                                                                                                    |
-| ----------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Tháng 11 năm 2018 | `next-i18next`                              | Hỗ trợ SSR và SSG với `i18next` trong Next.js Pages Router mà không gây ra hiện tượng waterfall phía client.                          | `serverSideTranslations` và `appWithTranslation` chuyển các namespace bản địa hóa vào props của trang.                                                                                                |
-| Tháng 12 năm 2019 | `next-translate`                            | Đơn giản hóa cấu hình và giảm kích thước bundle trong các ứng dụng Next.js Pages Router.                                              | Plugin Webpack loader tự động chỉ chèn các namespace bản dịch cần thiết cho từng trang.                                                                                                               |
-| Tháng 11 năm 2020 | `next-intl`                                 | Thiết kế lại i18n cho Next.js với App Router, React Server Components (RSC) và streaming SSR.                                         | Tích hợp nguyên bản với middleware của Next.js App Router, Server Actions và Server Components bất đồng bộ mà không cần JS ở client.                                                                  |
-| Tháng 7 năm 2022  | `next-international`                        | Tối đa hóa an toàn kiểu dữ liệu TypeScript với chi phí bundle client tối thiểu cho Next.js.                                           | Tạo kiểu nghiêm ngặt cho các khóa có phạm vi với các adapter gọn nhẹ cho App Router và Pages Router.                                                                                                  |
-| Tháng 4 năm 2024  | `paraglide-next` (`@inlang/paraglide-next`) | Đưa các thông điệp biên dịch không cần runtime vào Next.js App Router và Pages Router.                                                | Định tuyến middleware kết hợp với các hàm thông điệp hỗ trợ tree-shaking, tránh việc phân tích JSON runtime trong RSC và bundle client.                                                               |
-| Tháng 4 năm 2024  | `next-intlayer`                             | Cung cấp adapter Server Component hiệu năng cao cho Next.js App Router và Pages Router mà không cần truyền hàm `t()` dưới dạng props. | Adapter Server Component nguyên bản cho phép gọi trực tiếp `useIntlayer` trong các Server Component đồng bộ (như Navbar) mà không cần prop-drilling, kết hợp render máy chủ tức thì và CMS trực quan. |
-| Tháng 9 năm 2024  | `gt-next`                                   | Tự động hóa việc tạo nội dung đa ngôn ngữ và định tuyến bản địa hóa động trong Next.js bằng dịch thuật AI.                            | Tích hợp App Router kết hợp dịch máy dựa trên đám mây với edge middleware và các lớp bộ nhớ đệm của Next.js.                                                                                          |
+| Bản phát hành đầu | Thư viện                                    | Tác giả                                                      | Mục tiêu giải quyết                                                                                                                   | Đổi mới quan trọng                                                                                                                                                                                    |
+| ----------------- | ------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Tháng 11 năm 2018 | `next-i18next`                              | Isaac Hinman (`@isaachinman`)                                | Hỗ trợ SSR và SSG với `i18next` trong Next.js Pages Router mà không gây ra hiện tượng waterfall phía client.                          | `serverSideTranslations` và `appWithTranslation` chuyển các namespace bản địa hóa vào props của trang.                                                                                                |
+| Tháng 12 năm 2020 | `next-translate`                            | Arvin Wiyono (`@arvinn`) / Vinissimus (`@vinissimus`)        | Đơn giản hóa cấu hình và giảm kích thước bundle trong các ứng dụng Next.js Pages Router.                                              | Plugin Webpack loader tự động chỉ chèn các namespace bản dịch cần thiết cho từng trang.                                                                                                               |
+| Tháng 12 năm 2020 | `next-intl`                                 | Jan Amann (`@amannn`)                                        | Thiết kế lại i18n cho Next.js với App Router, React Server Components (RSC) và streaming SSR.                                         | Tích hợp nguyên bản với middleware của Next.js App Router, Server Actions và Server Components bất đồng bộ mà không cần JS ở client.                                                                  |
+| Tháng 7 năm 2022  | `next-international`                        | Tom Dussaix (`@tom-dussaix`)                                 | Tối đa hóa an toàn kiểu dữ liệu TypeScript với chi phí bundle client tối thiểu cho Next.js.                                           | Tạo kiểu nghiêm ngặt cho các khóa có phạm vi với các adapter gọn nhẹ cho App Router và Pages Router.                                                                                                  |
+| Tháng 10 năm 2023 | `paraglide-next` (`@inlang/paraglide-next`) | Samuel Stroschein (`@samuelstroschein`) / Inlang (`@inlang`) | Đưa các thông điệp biên dịch không cần runtime vào Next.js App Router và Pages Router.                                                | Định tuyến middleware kết hợp với các hàm thông điệp hỗ trợ tree-shaking, tránh việc phân tích JSON runtime trong RSC và bundle client.                                                               |
+| Tháng 8 năm 2024  | `next-intlayer`                             | Aymeric Pineau (`@aymericzip`)                               | Cung cấp adapter Server Component hiệu năng cao cho Next.js App Router và Pages Router mà không cần truyền hàm `t()` dưới dạng props. | Adapter Server Component nguyên bản cho phép gọi trực tiếp `useIntlayer` trong các Server Component đồng bộ (như Navbar) mà không cần prop-drilling, kết hợp render máy chủ tức thì và CMS trực quan. |
+| Tháng 7 năm 2024  | `gt-next`                                   | Ernest McCarter (`@eoinest`)                                 | Tự động hóa việc tạo nội dung đa ngôn ngữ và định tuyến bản địa hóa động trong Next.js bằng dịch thuật AI.                            | Tích hợp App Router kết hợp dịch máy dựa trên đám mây với edge middleware và các lớp bộ nhớ đệm của Next.js.                                                                                          |
 
 </Tab>
 
 <Tab label="Vue & Nuxt" value="vue">
 
-| Bản phát hành đầu | Thư viện       | Mục tiêu giải quyết                                                                                                                  | Đổi mới quan trọng                                                                                                                                                       |
-| ----------------- | -------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Tháng 5 năm 2014  | `vue-i18n`     | Cung cấp giải pháp quốc tế hóa phản ứng chuẩn mực cho các ứng dụng Vue.                                                              | Tích hợp tính phản ứng sâu sắc, chỉ thị mẫu (`v-t`), helper `$t`, và các khối tùy chỉnh `<i18n>` trong Single-File Component.                                            |
-| Tháng 11 năm 2017 | `@nuxt/i18n`   | Xử lý định tuyến URL bản địa hóa, thẻ SEO hreflang và hydrat hóa SSR trong Nuxt.                                                     | Module định tuyến full-stack tạo các route bản địa hóa, tiêu đề meta SEO và tải phân đoạn lười (lazy-loading).                                                           |
-| Tháng 8 năm 2019  | `fluent-vue`   | Xử lý giống ngữ pháp phức tạp, biến cách và cấu trúc ngôn ngữ bất đối xứng trong Vue.                                                | Tích hợp cú pháp Mozilla Project Fluent vào Vue, tránh các đoạn mã điều kiện phức tạp cho các biến thể ngôn ngữ.                                                         |
-| Tháng 4 năm 2025  | `vue-intlayer` | Cung cấp triển khai Intlayer hiệu năng cao được thiết kế cho Vue 3 Composition API và Nuxt mà không gây xung đột namespace toàn cục. | Composable `useIntlayer` được tùy biến cho việc theo dõi phản ứng của Vue 3, định phạm vi component trực tiếp, tự động hoàn thiện TypeScript và biên tập viên trực quan. |
+| Bản phát hành đầu | Thư viện       | Tác giả                                     | Mục tiêu giải quyết                                                                                                                  | Đổi mới quan trọng                                                                                                                                                       |
+| ----------------- | -------------- | ------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Tháng 5 năm 2014  | `vue-i18n`     | Kazupon (`@kazupon`)                        | Cung cấp giải pháp quốc tế hóa phản ứng chuẩn mực cho các ứng dụng Vue.                                                              | Tích hợp tính phản ứng sâu sắc, chỉ thị mẫu (`v-t`), helper `$t`, và các khối tùy chỉnh `<i18n>` trong Single-File Component.                                            |
+| Tháng 11 năm 2017 | `@nuxt/i18n`   | Cộng đồng Nuxt                              | Xử lý định tuyến URL bản địa hóa, thẻ SEO hreflang và hydrat hóa SSR trong Nuxt.                                                     | Module định tuyến full-stack tạo các route bản địa hóa, tiêu đề meta SEO và tải phân đoạn lười (lazy-loading).                                                           |
+| Tháng 8 năm 2020  | `fluent-vue`   | Mozilla (`@mozilla`) / Demivan (`@demivan`) | Xử lý giống ngữ pháp phức tạp, biến cách và cấu trúc ngôn ngữ bất đối xứng trong Vue.                                                | Tích hợp cú pháp Mozilla Project Fluent vào Vue, tránh các đoạn mã điều kiện phức tạp cho các biến thể ngôn ngữ.                                                         |
+| Tháng 1 năm 2025  | `vue-intlayer` | Aymeric Pineau (`@aymericzip`)              | Cung cấp triển khai Intlayer hiệu năng cao được thiết kế cho Vue 3 Composition API và Nuxt mà không gây xung đột namespace toàn cục. | Composable `useIntlayer` được tùy biến cho việc theo dõi phản ứng của Vue 3, định phạm vi component trực tiếp, tự động hoàn thiện TypeScript và biên tập viên trực quan. |
 
 </Tab>
 
 <Tab label="Angular" value="angular">
 
-| Bản phát hành đầu | Thư viện            | Mục tiêu giải quyết                                                                                                         | Đổi mới quan trọng                                                                                                                                  |
-| ----------------- | ------------------- | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| Tháng 2 năm 2017  | `ngx-translate`     | Cung cấp bản dịch động lúc runtime trong Angular mà không cần triển khai các gói bundle riêng biệt cho từng ngôn ngữ.       | `TranslateService` và pipe `translate` cho phép tải bản dịch động và chuyển đổi ngôn ngữ lúc runtime.                                               |
-| Tháng 7 năm 2019  | `@ngneat/transloco` | Giải quyết các điểm nghẽn hiệu năng, thiếu tính phân tách phạm vi và các tính năng còn thiếu trong các thư viện Angular cũ. | Chỉ thị cấu trúc (`*transloco`), bản dịch có phạm vi cho các module lazy-loaded, hỗ trợ SSR và công cụ trích xuất CLI.                              |
-| Tháng 9 năm 2019  | `@angular/localize` | Hiện đại hóa hệ thống i18n tích hợp sẵn của Angular để tránh phải biên dịch lại TypeScript cho từng ngôn ngữ.               | Tagged template literals với `$localize` được chèn dưới dạng bước xử lý nhanh sau khi build trong Ivy engine.                                       |
-| Tháng 2 năm 2021  | `@tolgee/ngx`       | Tích hợp dịch thuật cộng tác theo ngữ cảnh và chụp ảnh màn hình vào quy trình phát triển Angular.                           | Các pipe và directive của Angular kết nối trực tiếp với Tolgee để bản địa hóa trực tiếp trên trình duyệt.                                           |
-| Tháng 4 năm 2025  | `angular-intlayer`  | Cung cấp triển khai Intlayer hiệu năng cao dành riêng cho Angular hiện đại (Signals, component độc lập và SSR).             | Tích hợp nội dung phản ứng dựa trên Signal cho cơ chế phát hiện thay đổi của Angular hiện đại, tiêm phụ thuộc độc lập và đồng bộ hóa CMS trực quan. |
+| Bản phát hành đầu | Thư viện            | Tác giả                                                      | Mục tiêu giải quyết                                                                                                         | Đổi mới quan trọng                                                                                                                                  |
+| ----------------- | ------------------- | ------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Tháng 2 năm 2017  | `ngx-translate`     | Olivier Combe (`@ocombe`)                                    | Cung cấp bản dịch động lúc runtime trong Angular mà không cần triển khai các gói bundle riêng biệt cho từng ngôn ngữ.       | `TranslateService` và pipe `translate` cho phép tải bản dịch động và chuyển đổi ngôn ngữ lúc runtime.                                               |
+| Tháng 7 năm 2019  | `@ngneat/transloco` | Netanel Basal (`@NetanelBasal`) & Shahar Kazaz (`@shahar_k`) | Giải quyết các điểm nghẽn hiệu năng, thiếu tính phân tách phạm vi và các tính năng còn thiếu trong các thư viện Angular cũ. | Chỉ thị cấu trúc (`*transloco`), bản dịch có phạm vi cho các module lazy-loaded, hỗ trợ SSR và công cụ trích xuất CLI.                              |
+| Tháng 9 năm 2019  | `@angular/localize` | Đội ngũ Angular (@angular)                                   | Hiện đại hóa hệ thống i18n tích hợp sẵn của Angular để tránh phải biên dịch lại TypeScript cho từng ngôn ngữ.               | Tagged template literals với `$localize` được chèn dưới dạng bước xử lý nhanh sau khi build trong Ivy engine.                                       |
+| Tháng 2 năm 2021  | `@tolgee/ngx`       | Jan Cizmar (`@jcizmar`)                                      | Tích hợp dịch thuật cộng tác theo ngữ cảnh và chụp ảnh màn hình vào quy trình phát triển Angular.                           | Các pipe và directive của Angular kết nối trực tiếp với Tolgee để bản địa hóa trực tiếp trên trình duyệt.                                           |
+| Tháng 3 năm 2026  | `angular-intlayer`  | Aymeric Pineau (`@aymericzip`)                               | Cung cấp triển khai Intlayer hiệu năng cao dành riêng cho Angular hiện đại (Signals, component độc lập và SSR).             | Tích hợp nội dung phản ứng dựa trên Signal cho cơ chế phát hiện thay đổi của Angular hiện đại, tiêm phụ thuộc độc lập và đồng bộ hóa CMS trực quan. |
 
 </Tab>
 
 <Tab label="Svelte & SvelteKit" value="svelte">
 
-| Bản phát hành đầu | Thư viện          | Mục tiêu giải quyết                                                                        | Đổi mới quan trọng                                                                                                                   |
-| ----------------- | ----------------- | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
-| Tháng 7 năm 2018  | `svelte-i18n`     | Cung cấp thư viện quốc tế hóa phản ứng phù hợp với các reactive store của Svelte.          | Tra cứu `$t` dựa trên store đảm bảo cập nhật DOM chi tiết và chính xác khi thay đổi locale.                                          |
-| Tháng 12 năm 2021 | `sveltekit-i18n`  | Xử lý tải bản dịch theo tuyến đường và SSR một cách gọn gàng trong các ứng dụng SvelteKit. | Kiến trúc bộ tải module chỉ lấy các bản dịch và trình định dạng cần thiết cho tuyến đường SvelteKit đang hoạt động.                  |
-| Tháng 11 năm 2021 | `@tolgee/svelte`  | Cho phép bản địa hóa theo ngữ cảnh trong các ứng dụng Svelte.                              | Liên kết store Svelte tích hợp với giao diện dịch thuật ngữ cảnh Tolgee và tự động tạo ảnh chụp màn hình.                            |
-| Tháng 4 năm 2025  | `svelte-intlayer` | Cung cấp triển khai Intlayer hiệu năng cao được thiết kế riêng cho Svelte 5 và SvelteKit.  | Liên kết nội dung phản ứng phù hợp với Svelte 5 Runes (`$state`), khai báo `.content` theo component, và chỉnh sửa CMS trực quan.    |
-| Tháng 7 năm 2025  | `@wuchale/svelte` | Loại bỏ mã khai báo từ điển và nhập các hàm `$t` trong các component Svelte.               | Bộ tiền xử lý Svelte phân tích cú pháp template lúc build và biên dịch các node văn bản thành kết quả bản địa hóa không cần wrapper. |
+| Bản phát hành đầu | Thư viện          | Tác giả                        | Mục tiêu giải quyết                                                                        | Đổi mới quan trọng                                                                                                                   |
+| ----------------- | ----------------- | ------------------------------ | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------ |
+| Tháng 7 năm 2018  | `svelte-i18n`     | Kaisermann (`@kaisermann`)     | Cung cấp thư viện quốc tế hóa phản ứng phù hợp với các reactive store của Svelte.          | Tra cứu `$t` dựa trên store đảm bảo cập nhật DOM chi tiết và chính xác khi thay đổi locale.                                          |
+| Tháng 12 năm 2021 | `sveltekit-i18n`  | Ivan Fevrier (`@ivanfevrier`)  | Xử lý tải bản dịch theo tuyến đường và SSR một cách gọn gàng trong các ứng dụng SvelteKit. | Kiến trúc bộ tải module chỉ lấy các bản dịch và trình định dạng cần thiết cho tuyến đường SvelteKit đang hoạt động.                  |
+| Tháng 11 năm 2021 | `@tolgee/svelte`  | Jan Cizmar (`@jcizmar`)        | Cho phép bản địa hóa theo ngữ cảnh trong các ứng dụng Svelte.                              | Liên kết store Svelte tích hợp với giao diện dịch thuật ngữ cảnh Tolgee và tự động tạo ảnh chụp màn hình.                            |
+| Tháng 10 năm 2025 | `svelte-intlayer` | Aymeric Pineau (`@aymericzip`) | Cung cấp triển khai Intlayer hiệu năng cao được thiết kế riêng cho Svelte 5 và SvelteKit.  | Liên kết nội dung phản ứng phù hợp với Svelte 5 Runes (`$state`), khai báo `.content` theo component, và chỉnh sửa CMS trực quan.    |
+| Tháng 7 năm 2025  | `@wuchale/svelte` | Kidus Adugna (`@K1DV5`)        | Loại bỏ mã khai báo từ điển và nhập các hàm `$t` trong các component Svelte.               | Bộ tiền xử lý Svelte phân tích cú pháp template lúc build và biên dịch các node văn bản thành kết quả bản địa hóa không cần wrapper. |
 
 </Tab>
 
 <Tab label="SolidJS" value="solid">
 
-| Bản phát hành đầu | Thư viện                 | Mục tiêu giải quyết                                                                       | Đổi mới quan trọng                                                                                                                              |
-| ----------------- | ------------------------ | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
-| Tháng 9 năm 2021  | `@solid-primitives/i18n` | Cung cấp một primitive i18n chuẩn mực phù hợp với tính phản ứng tinh chỉnh của SolidJS.   | Bộ giải quyết bản dịch phản ứng dựa trên Signal cập nhật các node DOM mà không cần Virtual DOM hay re-render thừa thãi.                         |
-| Tháng 4 năm 2025  | `solid-intlayer`         | Cung cấp triển khai Intlayer hiệu năng cao được thiết kế riêng cho SolidJS và SolidStart. | Liên kết nội dung tương thích với Signal mà không tốn chi phí Virtual DOM, tự động gợi ý kiểu TypeScript và tích hợp trình soạn thảo trực quan. |
-| Tháng 6 năm 2026  | `@lingui/solid`          | Mở rộng khả năng trích xuất macro lúc biên dịch và hỗ trợ ICU MessageFormat sang SolidJS. | Các chuyển đổi macro thích ứng với tính phản ứng của Solid, biên dịch thông điệp thành các cấu trúc runtime nhỏ gọn.                            |
+| Bản phát hành đầu | Thư viện                 | Tác giả                        | Mục tiêu giải quyết                                                                       | Đổi mới quan trọng                                                                                                                              |
+| ----------------- | ------------------------ | ------------------------------ | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
+| Tháng 9 năm 2021  | `@solid-primitives/i18n` | Cộng đồng SolidJS              | Cung cấp một primitive i18n chuẩn mực phù hợp với tính phản ứng tinh chỉnh của SolidJS.   | Bộ giải quyết bản dịch phản ứng dựa trên Signal cập nhật các node DOM mà không cần Virtual DOM hay re-render thừa thãi.                         |
+| Tháng 7 năm 2025  | `solid-intlayer`         | Aymeric Pineau (`@aymericzip`) | Cung cấp triển khai Intlayer hiệu năng cao được thiết kế riêng cho SolidJS và SolidStart. | Liên kết nội dung tương thích với Signal mà không tốn chi phí Virtual DOM, tự động gợi ý kiểu TypeScript và tích hợp trình soạn thảo trực quan. |
+| Tháng 6 năm 2026  | `@lingui/solid`          | Tomáš Ehrlich (`@tricoder42`)  | Mở rộng khả năng trích xuất macro lúc biên dịch và hỗ trợ ICU MessageFormat sang SolidJS. | Các chuyển đổi macro thích ứng với tính phản ứng của Solid, biên dịch thông điệp thành các cấu trúc runtime nhỏ gọn.                            |
 
 </Tab>
 
@@ -237,7 +237,7 @@ Các tab sau đây trình bày cách mỗi framework và hệ sinh thái giải
 
 ## Bốn kỷ nguyên kiến trúc của JavaScript i18n
 
-![Lịch sử các thư viện JavaScript i18n](https://github.com/aymericzip/intlayer/blob/main/docs/assets/history_i18n.png?raw=true)
+![Lịch sử các thư viện JavaScript i18n](https://github.com/aymericzip/intlayer/blob/main/docs/assets/history_i18n.webp?raw=true)
 
 Nhìn lại mười lăm năm phát triển, chúng ta có thể phân loại lịch sử quốc tế hóa JavaScript thành bốn kỷ nguyên kiến trúc rõ rệt:
 
@@ -287,7 +287,7 @@ Trong hơn một thập kỷ, các nền tảng thương mại đã xây dựng
 
 Khi các Mô hình Ngôn ngữ Lớn (LLM) hiện đại hạ giá thành dịch thuật xuống chỉ còn một phần nhỏ của một xu đồng thời tăng độ chính xác về mặt ngôn ngữ, một thế hệ công cụ thương mại mới đã xuất hiện nhằm chiếm lĩnh thị trường này:
 
-- Các nền tảng như Paraglide với **linguo.dev** hoặc **General Translation** (`gt-react`, `gt-next`) đã cố gắng đón đầu làn sóng AI bằng cách đưa ra các gói đăng ký thuê bao mới cùng các dịch vụ đám mây trung gian độc quyền.
+- Các nền tảng như **lingo.dev** hoặc **General Translation** (`gt-react`, `gt-next`) đã cố gắng đón đầu làn sóng AI bằng cách đưa ra các gói đăng ký thuê bao mới cùng các dịch vụ đám mây trung gian độc quyền.
 - Ngược lại, **Intlayer** cung cấp khả năng dịch AI tự động trực tiếp thông qua CLI của mình, cho phép các đội ngũ kỹ sư kết nối khóa API của chính họ (như OpenAI, Anthropic, Mistral, hoặc Google Gemini). Hoàn toàn không có phí phụ thu, không chiết khấu, không ràng buộc nhà cung cấp, hoạt động hoàn toàn dựa trên chi phí gốc trực tiếp từ nhà cung cấp AI mà bạn lựa chọn.
 
 ### Hơn cả i18n: Một hệ thống nội dung đa ngôn ngữ toàn diện