@intlayer/docs 8.12.5-canary.0 → 9.0.0-canary.11

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

@@ -0,0 +1,47 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Migracja z Svelte I18n do Intlayer"
+description: "Dowiedz się, jak przeprowadzić migrację aplikacji Svelte z svelte-i18n do Intlayer za pomocą adaptera kompatybilności."
+keywords:
+  - svelte-i18n
+  - svelte
+  - intlayer
+  - migracja
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - svelte-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Migracja z Svelte I18n do Intlayer
+
+Przeniesienie aplikacji Svelte z `svelte-i18n` do Intlayer trwa zaledwie chwilę, korzystając z adaptera compat.
+
+## Co zrobić
+
+Po prostu uruchom polecenie inicjalizacji w swoim projekcie:
+
+```bash
+npx intlayer init
+```
+
+To generuje `intlayer.config.ts`. Upewnij się, że twoje wtyczki SvelteKit / Vite są opakowane wtyczką aliasu Intlayer aby bezproblemowo mapować `svelte-i18n` do `@intlayer/svelte-i18n`.
+
+## Co się dzieje za kulisami
+
+Svelte-i18n opiera się na intensywnie używanych sklepach (`$_`, `$t`, `$format`, itd.) i ICU MessageFormat.
+
+Za kulisami:
+
+- **Sklepy:** Intlayer pośredniczy sklepy `svelte-i18n`. `$_` staje się wyprowadzonym sklepem aktualnej lokali zwracającym resolver Intlayer.
+- **Klucze:** Twoje płaskie klucze (np. `$_('home.title')`) są obliczane tak aby pierwszy segment ścieżki reprezentuje słownik Intlayer.
+- **Składnia ICU:** W pełni obsługiwana przez wspólny resolver ICU (parsowanie równoważne `intl-messageformat`).
+- **Formatery:** Wywołania `$date`, `$time`, `$number` bezpiecznie przekierowują do natywnych formatów rdzenia Intlayer.
+- **Analiza Babel/SWC:** Analizator Intlayer czyta wywoływaczy sklepy Svelte (`$_`) wewnątrz plików źródłowych `.svelte` przed kompilacją aby automatycznie zbudować odpowiednie fragmenty słownika.

package/docs/pl/compat/transloco.md

@@ -0,0 +1,45 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Migracja z Transloco do Intlayer"
+description: "Dowiedz się, jak przeprowadzić migrację aplikacji Angular z Transloco do Intlayer za pomocą adaptera kompatybilności."
+keywords:
+  - transloco
+  - angular
+  - intlayer
+  - migracja
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - transloco
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Migracja z Transloco do Intlayer
+
+Jeśli aplikacja Angular aktualnie używa `@jsverse/transloco`, możesz przeprowadzić migrację do Intlayer używając naszego adaptera compat. To przejście pozwala ci zachować istniejącą składnię szablonu przy jednoczesnym wykorzystaniu potężnej struktury słownika Intlayer.
+
+## Co zrobić
+
+Po prostu uruchom polecenie inicjalizacji w swoim projekcie:
+
+```bash
+npx intlayer init
+```
+
+To będzie generować wymaganą konfigurację `intlayer.config.ts`. Następnie zastąpisz importy Transloco modułami `@intlayer/transloco` lub polegaj na aliasach budowania.
+
+## Co się dzieje za kulisami
+
+Transloco używa zakresów i `TranslocoService` (`translate`, `selectTranslate`), wraz z dyrektywami strukturalnymi (`*transloco="let t"`) i piperem (`| transloco`).
+
+Za kulisami:
+
+- **Zakresy:** Naturalnie mapują się na klucze słownika Intlayer, zapewniając wspaniałą historię czyszczenia dla optymalizacji rozmiaru bundle.
+- **Serwis i dyrektywy:** Adapter Intlayer Angular bezproblemowo zastępuje dostawców, pozwalając istniejącym piperom i dyrektywom szablonu rozwiązywać ciągi względem słowników Intlayer.
+- **Parsowanie czasu budowania:** Analizator TypeScript rozpoznaje wywołania `instant/get`, a rezerwowe czyszczenie zapewnia poprawność, nawet gdy użycie szablonu nie jest statycznie śledzone.

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

@@ -0,0 +1,58 @@
+---
+createdAt: 2026-06-13
+updatedAt: 2026-06-13
+title: "Migracja z Vue I18n do Intlayer"
+description: "Dowiedz się, jak przeprowadzić migrację aplikacji Vue z vue-i18n do Intlayer za pomocą adaptera kompatybilności."
+keywords:
+  - vue-i18n
+  - vue
+  - intlayer
+  - migracja
+  - compat
+slugs:
+  - doc
+  - compatibility
+  - vue-i18n
+history:
+  - version: 9.0.0
+    date: 2026-06-13
+    changes: "Init history"
+author: aymericzip
+---
+
+# Migracja z Vue I18n do Intlayer
+
+Jeśli aplikacja Vue aktualnie używa `vue-i18n`, możesz przeprowadzić migrację do Intlayer bez przepisywania komponentów ani tłumaczenia hoków. Intlayer zapewnia adapter compat, który doskonale odzwierciedla API `vue-i18n` przy jednoczesnym wykorzystaniu potężnych funkcji Intlayer za kulisami.
+
+## Co zrobić
+
+Aby rozpocząć, po prostu uruchom polecenie inicjalizacji w swoim projekcie:
+
+```bash
+npx intlayer init
+```
+
+Podczas inicjalizacji, Intlayer będzie ustawiać plik konfiguracji (`intlayer.config.ts`) i przygotowywać twój projekt do migracji. Będziesz musiał dodać wtyczkę Intlayer do konfiguracji Vite, aby automatycznie aliasować importy `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()],
+});
+```
+
+## Co się dzieje za kulisami
+
+Plugin `vueI18nVitePlugin` wstrzykuje alias modułu do bundlera. Każdy import `vue-i18n` w twoim kodzie będzie transparentnie przekierowany do `@intlayer/vue-i18n`.
+
+**Za kulisami, adapter obsługuje złożoną składnię `vue-i18n` natywnie:**
+
+- **Interpolacja i liczba mnoga:** Rozwiązuje interpolacje `{name}` i listy `{0}`. Liczby mnoga pipe (`"car | cars"`) są konwertowane do węzłów wyliczenia/liczby mnogiej Intlayer na podstawie semantyki pozycjonalnej.
+- **Formaty:** Funkcje takie jak `d()` i `n()` opakują `Intl` za kulisami, honorując `datetimeFormats` i `numberFormats` zdefiniowane w opcjach.
+- **Stan globalny i lokalny:** `global.locale` jest mapowany na `WritableComputedRef` wspieraną przez klienta Intlayer, tak aby reaktywność zachowywała się dokładnie jak oczekiwana (np. `locale.value = 'fr'`).
+- **Dyrektywy:** Dyrektywa `v-t` jest rejestrowana i funkcjonuje normalnie.
+
+Twoja aplikacja kontynuuje renderowanie dokładnie jak wcześniej, ale zawartość jest zasilana twoimi słownikami Intlayer, dając ci bezpieczeństwo typów, lepszą optymalizację bundle i bezproblemową integrację CMS.

package/docs/pl/compiler.md

@@ -79,12 +79,15 @@ Zaktualizuj swój plik `vite.config.ts`, aby dołączyć wtyczkę `intlayerCompi
 
 ```ts fileName="vite.config.ts"
 import { defineConfig } from "vite";
-import { intlayer, intlayerCompiler } from "vite-intlayer";
+import { intlayer } from "vite-intlayer";
 
 export default defineConfig({
   plugins: [
-    intlayer(),
-    intlayerCompiler(), // Dodaje wtyczkę kompilatora
+    intlayer({
+      proxy: {
+        ignore: (req) => req.url?.startsWith("/api"),
+      },
+    }),
   ],
 });
 ```

package/docs/pl/configuration.md

@@ -1,6 +1,6 @@
 ---
 createdAt: 2024-08-13
-updatedAt: 2026-05-12
+updatedAt: 2026-06-17
 title: Konfiguracja
 description: Dowiedz się, jak skonfigurować Intlayer dla swojej aplikacji. Zrozum różne ustawienia i opcje dostępne do dostosowania Intlayer do Twoich potrzeb.
 keywords:
@@ -14,6 +14,9 @@ slugs:
   - concept
   - configuration
 history:
+  - version: 8.10.0
+    date: 2026-06-17
+    changes: "Dodano opcję `format` do konfiguracji słownika"
   - version: 8.9.4
     date: 2026-05-12
     changes: "Dodano obsługę dostawcy LM Studio"
@@ -135,6 +138,7 @@ Intlayer akceptuje formaty plików konfiguracyjnych JSON, JS, MJS i TS:
 ````typescript fileName="intlayer.config.ts" codeFormat="typescript"
 import { Locales, type IntlayerConfig } from "intlayer";
 import { nextjsRewrite } from "intlayer/routing";
+import { syncJSON } from "@intlayer/sync-json-plugin";
 import { z } from "zod";
 
 /**
@@ -582,10 +586,38 @@ const config: IntlayerConfig = {
     }),
   },
 
+  /**
+   * Konfiguracja słownika.
+   */
+  dictionary: {
+    /**
+     * Kontroluje sposób importowania słowników.
+     * - "static": Importowane statycznie podczas budowania.
+     * - "dynamic": Importowane dynamicznie przy użyciu Suspense.
+     * - "fetch": Pobierane dynamicznie przez API synchronizacji na żywo.
+     */
+    importMode: "static",
+
+    /**
+     * Domyślny format komunikatów dla wszystkich słowników w projekcie.
+     * - 'intlayer': Natywny format intlayer (domyślny).
+     * - 'icu': Format komunikatów ICU.
+     * - 'i18next': Format i18next.
+     * - 'vue-i18n': Format Vue I18n.
+     * - 'po': Format GNU Gettext PO.
+     */
+    format: "icu",
+  },
+
   /**
    * Konfiguracja wtyczek.
    */
-  plugins: [],
+  plugins: [
+    syncJSON({
+      format: "icu",
+      source: ({ locale }) => `./messages/${locale}.json`,
+    }),
+  ],
 };
 
 export default config;
@@ -850,6 +882,21 @@ Ustawienia do zarządzania treścią w aplikacji, w tym nazwy katalogów, rozsze
 
 ---
 
+### Konfiguracja systemu
+
+Ustawienia związane ze ścieżkami wewnętrznymi i wynikami wyjściowymi Intlayer. Te ustawienia są zazwyczaj wewnętrzne i nie powinny być modyfikowane przez użytkownika.
+
+| Field                     | Description                                                                              | Type     | Default                           | Example              | Note                                                                 |
+| ------------------------- | ---------------------------------------------------------------------------------------- | -------- | --------------------------------- | -------------------- | -------------------------------------------------------------------- |
+| `baseDir`                 | Katalog bazowy dla projektu.                                                             | `string` | `process.cwd()`                   | `'/path/to/project'` | Używany do rozwiązywania wszystkich katalogów związanych z Intlayer. |
+| `dictionariesDir`         | Ścieżka katalogu do przechowywania słowników lokalizacyjnych.                            | `string` | `'.intlayer/dictionary'`          |                      |                                                                      |
+| `moduleAugmentationDir`   | Katalog dla rozszerzenia modułów, umożliwiający lepsze sugestie IDE i sprawdzanie typów. | `string` | `'.intlayer/types'`               | `'intlayer-types'`   | Upewnij się, że jest to uwzględnione w `tsconfig.json`.              |
+| `unmergedDictionariesDir` | Katalog do przechowywania niescalonych słowników.                                        | `string` | `'.intlayer/unmerged_dictionary'` |                      |                                                                      |
+| `typesDir`                | Katalog do przechowywania typów słowników.                                               | `string` | `'.intlayer/types'`               |                      |                                                                      |
+| `mainDir`                 | Katalog, w którym przechowywane są główne pliki aplikacji.                               | `string` | `'.intlayer/main'`                |                      |                                                                      |
+| `configDir`               | Katalog, w którym przechowywane są pliki konfiguracyjne.                                 | `string` | `'.intlayer/config'`              |                      |                                                                      |
+| `cacheDir`                | Katalog, w którym przechowywane są pliki cache'u.                                        | `string` | `'.intlayer/cache'`               |                      |                                                                      |
+
 ### Konfiguracja słownika (Dictionary)
 
 Opcje kontrolujące operacje na słownikach, w tym zachowanie automatycznego uzupełniania i generowanie treści.
@@ -862,6 +909,7 @@ Opcje kontrolujące operacje na słownikach, w tym zachowanie automatycznego uzu
 | `contentAutoTransformation` | Czy automatycznie przekształcać ciągi znaków treści w typowane węzły (Markdown, HTML lub wstawki).                                                                                  | `boolean` &#124; <br/> `{ markdown?: boolean; html?: boolean; insertion?: boolean }`                            | `false`      | `true`                                                                                      | • Markdown : `### Title` → `md('### Title')` .<br/>• HTML : `<div>Title</div>` → `html('<div>Title</div>')` .<br/>• Wstawki : `Hello {{name}}` → `insert('Hello {{name}}')` .                                                                                                                                                                                                                                               |
 | `location`                  | Wskazuje na lokalizację przechowywania plików słowników oraz sposób ich synchronizacji z CMS.                                                                                       | `'local'` &#124; <br/> `'remote'` &#124; <br/> `'hybrid'` &#124; <br/> `'plugin'` &#124; <br/> `string`         | `'local'`    | `'hybrid'`                                                                                  | • `'local'`: Tylko lokalne zarządzanie.<br/>• `'remote'`: Tylko zdalne zarządzanie (CMS).<br/>• `'hybrid'`: Zarządzanie zarówno lokalne, jak i zdalne.<br/>• `'plugin'` lub własne ciągi: Zarządzanie przez wtyczkę lub własne źródło.                                                                                                                                                                                      |
 | `importMode`                | Kontroluje sposób importowania słowników.                                                                                                                                           | `'static'` &#124; <br/> `'dynamic'` &#124; <br/> `'fetch'`                                                      | `'static'`   | `'dynamic'`                                                                                 | • `'static'`: Statyczny import.<br/>• `'dynamic'`: Dynamiczny import przez Suspense.<br/>• `'fetch'`: Pobieranie przez API Live Sync; rezerwowa opcja `'dynamic'` w razie błędu.<br/>• Wymagane wtyczki `@intlayer/babel` i `@intlayer/swc`.<br/>• Klucze muszą być zadeklarowane statycznie.<br/>• Ignorowane, jeśli `optimize` jest wyłączone.<br/>• Nie wpływa na `getIntlayer`, `getDictionary` itp.                    |
+| `format`                    | Domyślny format komunikatów dla wszystkich słowników w projekcie.                                                                                                                   | `'intlayer'` &#124; <br/> `'icu'` &#124; <br/> `'i18next'` &#124; <br/> `'vue-i18n'` &#124; <br/> `'po'`        | `'intlayer'` | `'icu'`                                                                                     | • `'intlayer'`: Natywny format intlayer.<br/>• `'icu'`: Format komunikatów ICU.<br/>• `'i18next'`: Format i18next.<br/>• `'vue-i18n'`: Format Vue I18n.<br/>• `'po'`: Format GNU Gettext PO.                                                                                                                                                                                                                                |
 | `priority`                  | Priorytet słownika. Przy rozwiązywaniu konfliktów między słownikami wyższa wartość ma pierwszeństwo przed niższą.                                                                   | `number`                                                                                                        | `undefined`  | `1`                                                                                         |                                                                                                                                                                                                                                                                                                                                                                                                                             |
 | `live`                      | ZDEPRECJONOWANE - używaj `importMode: 'fetch'`. Wcześniej wskazywało, czy należy pobierać treść słownika dynamicznie przez API Live Sync.                                           | `boolean`                                                                                                       | `undefined`  |                                                                                             | Przemianowano na `importMode: 'fetch'` w v8.0.0.                                                                                                                                                                                                                                                                                                                                                                            |
 | `schema`                    | Generowane automatycznie przez Intlayer do walidacji schematu JSON.                                                                                                                 | `'https://intlayer.org/schema.json'`                                                                            | Automatyczne |                                                                                             | Nie edytuj ręcznie.                                                                                                                                                                                                                                                                                                                                                                                                         |
@@ -957,22 +1005,6 @@ Ustawienia budowania mają zastosowanie do wtyczek `@intlayer/babel` i `@intlaye
 
 ---
 
-### Konfiguracja systemowa (System)
-
-Te ustawienia są przeznaczone dla zaawansowanych użytkowników i wewnętrznej konfiguracji Intlayer.
-
-| Pole                      | Opis                                            | Typ      | Domyślnie                         | Przykład | Uwagi |
-| ------------------------- | ----------------------------------------------- | -------- | --------------------------------- | -------- | ----- |
-| `dictionariesDir`         | Katalog dla skompilowanych słowników.           | `string` | `'.intlayer/dictionary'`          |          |       |
-| `moduleAugmentationDir`   | Katalog dla module augmentation TypeScript.     | `string` | `'.intlayer/types'`               |          |       |
-| `unmergedDictionariesDir` | Katalog dla niepołączonych słowników.           | `string` | `'.intlayer/unmerged_dictionary'` |          |       |
-| `typesDir`                | Katalog dla wygenerowanych typów.               | `string` | `'.intlayer/types'`               |          |       |
-| `mainDir`                 | Katalog głównych plików Intlayer.               | `string` | `'.intlayer/main'`                |          |       |
-| `configDir`               | Katalog skompilowanych plików konfiguracyjnych. | `string` | `'.intlayer/config'`              |          |       |
-| `cacheDir`                | Katalog plików cache.                           | `string` | `'.intlayer/cache'`               |          |       |
-
----
-
 ### Konfiguracja kompilatora (Compiler)
 
 Kontroluje ustawienia kompilatora Intlayer, który kolekcjonuje słowniki bezpośrednio z Twoich komponentów.

package/docs/pl/custom_domains.md

@@ -172,10 +172,16 @@ Plugin Vite `intlayerProxy` stosuje tę samą logikę podczas programowania:
 
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
-import { intlayerProxy } from "vite-intlayer";
+import { intlayer } from "vite-intlayer";
 
 export default defineConfig({
-  plugins: [intlayerProxy()],
+  plugins: [
+    intlayer({
+      proxy: {
+        ignore: (req) => req.url?.startsWith("/api"),
+      },
+    }),
+  ],
 });
 ```
 

package/docs/pl/custom_url_rewrites.md

@@ -342,10 +342,16 @@ Dla SolidJS, Vue i Svelte wtyczka Vite `intlayerProxy` zarządza przepisywaniami
 
 ```typescript fileName="vite.config.ts"
 import { defineConfig } from "vite";
-import { intlayerProxy } from "vite-intlayer";
+import { intlayer } from "vite-intlayer";
 
 export default defineConfig({
-  plugins: [intlayerProxy()],
+  plugins: [
+    intlayer({
+      proxy: {
+        ignore: (req) => req.url?.startsWith("/api"),
+      },
+    }),
+  ],
 });
 ```
 

package/docs/pl/dictionary/condition.md

@@ -71,7 +71,10 @@ export default myConditionalContent;
 
 ## Używanie zawartości warunkowej z React Intlayer
 
-Aby wykorzystać zawartość warunkową w komponencie React, zaimportuj i użyj hooka `useIntlayer` z pakietu `react-intlayer`. Hook ten pobiera zawartość dla określonego klucza i pozwala przekazać warunek, aby wybrać odpowiedni wynik.
+<Tabs group="framework">
+  <Tab label="React" value="react">
+
+To utilize conditional content within a React component, import and use the `useIntlayer` hook from the `react-intlayer` package. This hook fetches the content for the specified key and allows you to pass in a condition to select the appropriate output.
 
 ```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
 import type { FC } from "react";
@@ -84,25 +87,25 @@ const ConditionalComponent: FC = () => {
     <div>
       <p>
         {
-          /* Wyjście: moja zawartość, gdy jest prawda */
+          /* Output: my content when it's true */
           myCondition(true)
         }
       </p>
       <p>
         {
-          /* Wyjście: moja zawartość, gdy jest fałsz */
+          /* Output: my content when it's false */
           myCondition(false)
         }
       </p>
       <p>
         {
-          /* Wyjście: moja zawartość, gdy warunek nie jest spełniony */
+          /* Output: my content when the condition fails */
           myCondition("")
         }
       </p>
       <p>
         {
-          /* Wyjście: moja zawartość, gdy warunek nie jest spełniony */
+          /* Output: my content when the condition fails */
           myCondition(undefined)
         }
       </p>
@@ -113,6 +116,165 @@ const ConditionalComponent: FC = () => {
 export default ConditionalComponent;
 ```
 
+  </Tab>
+  <Tab label="Next.js" value="nextjs">
+
+To utilize conditional content in Next.js Client Components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
+"use client";
+
+import type { FC } from "react";
+import { useIntlayer } from "next-intlayer";
+
+const ConditionalComponent: FC = () => {
+  const { myCondition } = useIntlayer("my_key");
+
+  return (
+    <div>
+      <p>{myCondition(true)}</p>
+      <p>{myCondition(false)}</p>
+    </div>
+  );
+};
+
+export default ConditionalComponent;
+```
+
+  </Tab>
+  <Tab label="Vue" value="vue">
+
+To utilize conditional content in Vue components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```vue fileName="**/*.vue"
+<script setup lang="ts">
+import { useIntlayer } from "vue-intlayer";
+
+const { myCondition } = useIntlayer("my_key");
+</script>
+
+<template>
+  <div>
+    <p>{{ myCondition(true) }}</p>
+    <p>{{ myCondition(false) }}</p>
+  </div>
+</template>
+```
+
+  </Tab>
+  <Tab label="Svelte" value="svelte">
+
+To utilize conditional content in Svelte components, retrieve it via the `useIntlayer` hook. The store is accessed with `$`. Here's an example:
+
+```svelte fileName="**/*.svelte"
+<script lang="ts">
+import { useIntlayer } from "svelte-intlayer";
+
+const content = useIntlayer("my_key");
+</script>
+
+<div>
+  <p>{$content.myCondition(true)}</p>
+  <p>{$content.myCondition(false)}</p>
+</div>
+```
+
+  </Tab>
+  <Tab label="Preact" value="preact">
+
+To utilize conditional content in Preact components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
+import type { FC } from "preact";
+import { useIntlayer } from "preact-intlayer";
+
+const ConditionalComponent: FC = () => {
+  const { myCondition } = useIntlayer("my_key");
+
+  return (
+    <div>
+      <p>{myCondition(true)}</p>
+      <p>{myCondition(false)}</p>
+    </div>
+  );
+};
+
+export default ConditionalComponent;
+```
+
+  </Tab>
+  <Tab label="Solid" value="solid">
+
+To utilize conditional content in SolidJS components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```tsx fileName="**/*.tsx" codeFormat={["typescript", "esm"]}
+import type { Component } from "solid-js";
+import { useIntlayer } from "solid-intlayer";
+
+const ConditionalComponent: Component = () => {
+  const { myCondition } = useIntlayer("my_key");
+
+  return (
+    <div>
+      <p>{myCondition(true)}</p>
+      <p>{myCondition(false)}</p>
+    </div>
+  );
+};
+
+export default ConditionalComponent;
+```
+
+  </Tab>
+  <Tab label="Angular" value="angular">
+
+To utilize conditional content in Angular components, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```typescript fileName="app.component.ts" codeFormat="typescript"
+import { Component } from "@angular/core";
+import { useIntlayer } from "angular-intlayer";
+
+@Component({
+  selector: "app-conditional",
+  template: `
+    <div>
+      <p>{{ content().myCondition(true) }}</p>
+      <p>{{ content().myCondition(false) }}</p>
+    </div>
+  `,
+})
+export class ConditionalComponent {
+  content = useIntlayer("my_key");
+}
+```
+
+  </Tab>
+  <Tab label="Vanilla JS" value="vanilla">
+
+To utilize conditional content with `vanilla-intlayer`, retrieve it via the `useIntlayer` hook. Here's an example:
+
+```typescript fileName="**/*.ts" codeFormat={["typescript", "esm"]}
+import { installIntlayer, useIntlayer } from "vanilla-intlayer";
+
+installIntlayer();
+
+const content = useIntlayer("my_key").onChange((newContent) => {
+  document.getElementById("true-content")!.textContent =
+    newContent.myCondition(true);
+  document.getElementById("false-content")!.textContent =
+    newContent.myCondition(false);
+});
+
+// Initial render
+document.getElementById("true-content")!.textContent =
+  content.myCondition(true);
+document.getElementById("false-content")!.textContent =
+  content.myCondition(false);
+```
+
+  </Tab>
+</Tabs>
+
 ## Dodatkowe zasoby
 
 Aby uzyskać bardziej szczegółowe informacje na temat konfiguracji i użytkowania, zapoznaj się z następującymi zasobami:

package/docs/pl/dictionary/content_file.md

@@ -606,13 +606,6 @@ Dla zdalnych słowników, ta tablica zawiera wszystkie dostępne wersje słownik
 
 Wskazuje, czy słownik został automatycznie wypełniony z zewnętrznych źródeł. W przypadku konfliktów, słowniki bazowe mają pierwszeństwo nad automatycznie wypełnionymi słownikami.
 
-##### `location` ('distant' | 'locale')
-
-Wskazuje lokalizację słownika:
-
-- `'locale'`: Słownik lokalny (z plików zawartości)
-- `'distant'`: Słownik zdalny (z zewnętrznego źródła)
-
 ## Typy węzłów zawartości
 
 Intlayer udostępnia kilka specjalizowanych typów węzłów zawartości, które rozszerzają podstawowe wartości prymitywne:
@@ -891,39 +884,6 @@ content:
     subtitle: Build amazing applications with ease
 ```
 
-### Pliki zawartości per-locale
-
-Dla słowników per-locale określ właściwość `locale`:
-
-Możesz również tworzyć pliki z zawartością w formacie JSON:
-
-```json
-{
-  "key": "welcome-page",
-  "title": "Zawartość strony powitalnej",
-  "description": "Zawartość głównej strony powitalnej",
-  "tags": ["strona", "powitanie"],
-  "content": {
-    "hero": {
-      "title": {
-        "nodeType": "translation",
-        "translation": {
-          "en": "Welcome to Our Platform",
-          "fr": "Bienvenue sur Notre Plateforme"
-        }
-      },
-      "subtitle": {
-        "nodeType": "translation",
-        "translation": {
-          "en": "Build amazing applications with ease",
-          "fr": "Construisez des applications incroyables avec facilité"
-        }
-      }
-    }
-  }
-}
-```
-
 ### Pliki zawartości dla poszczególnych lokalizacji
 
 Dla słowników specyficznych dla lokalizacji, określ właściwość `locale`: