@intlayer/docs 9.4.3 → 9.5.0

package/docs/nl/configuration.md

@@ -122,14 +122,10 @@ author: aymericzip
 
 Intlayer-configuratiebestanden stellen u in staat om verschillende aspecten van de plugin aan te passen, zoals internationalisering, middleware en contentbeheer. Dit document geeft een gedetailleerde beschrijving van elke eigenschap in de configuratie.
 
----
-
 ## Inhoudsopgave
 
 <TOC/>
 
----
-
 ## Ondersteuning voor configuratiebestanden
 
 Intlayer accepteert JSON-, JS-, MJS- en TS-configuratiebestandsformaten:
@@ -143,8 +139,6 @@ Intlayer accepteert JSON-, JS-, MJS- en TS-configuratiebestandsformaten:
 - `intlayer.config.mjs`
 - `.intlayerrc`
 
----
-
 ## Voorbeeld van een configuratiebestand
 
 ````typescript fileName="intlayer.config.ts" codeFormat="typescript"
@@ -694,14 +688,10 @@ const config: IntlayerConfig = {
 export default config;
 ````
 
----
-
 ## Configuratiegids
 
 Hieronder worden de verschillende configuratieparameters beschreven die beschikbaar zijn in Intlayer.
 
----
-
 ### Internationaliseringsconfiguratie (Internationalization)
 
 Definieert instellingen met betrekking tot internationalisering, waaronder beschikbare locales en de standaard locale.
@@ -713,8 +703,6 @@ Definieert instellingen met betrekking tot internationalisering, waaronder besch
 | `strictMode`      | Zorgt voor een robuuste implementatie van geinternationaliseerde content met behulp van TypeScript. | `string`   | `'inclusive'`       |                      | • Indien `"strict"`: de functie `t` vereist definitie van elke gedeclareerde locale - geeft een foutmelding als er een ontbreekt of niet gedeclareerd is.<br/>• Indien `"inclusive"`: waarschuwt voor ontbrekende locales, maar staat het gebruik van bestaande niet-gedeclareerde toe.<br/>• Indien `"loose"`: accepteert elke bestaande locale. |
 | `defaultLocale`   | De standaard locale die wordt gebruikt als fallback als de gevraagde locale niet wordt gevonden.    | `string`   | `Locales.ENGLISH`   | `'en'`               | Wordt gebruikt om de locale te bepalen wanneer deze niet is opgegeven in de URL, cookie of header.                                                                                                                                                                                                                                                |
 
----
-
 ### Editorconfiguratie (Editor)
 
 Definieert de instellingen voor de ingebouwde visuele editor, inclusief de serverpoort en inschakelingsstatus.
@@ -734,8 +722,6 @@ Definieert de instellingen voor de ingebouwde visuele editor, inclusief de serve
 | `liveSyncPort`               | Poort van de live sync server.                                                                                                                                          | `number`                          | `4000`                              | `4000`                                                                                          |                                                                                                                                                                                                                                                                 |
 | `liveSyncURL`                | URL van de live sync server.                                                                                                                                            | `string`                          | `'http://localhost:{liveSyncPort}'` | `'https://example.com'`                                                                         | Verwijst standaard naar localhost; kan worden gewijzigd naar een externe live sync server.                                                                                                                                                                      |
 
----
-
 ### Analytics-configuratie (Analytics)
 
 Definieert instellingen voor Intlayer analytics: het verzamelen van welke content daadwerkelijk aan gebruikers wordt getoond (paginaweergaven, content-exposities) en het mogelijk maken van A/B-testen op content.
@@ -748,8 +734,6 @@ Analytics is opt-out: het staat standaard aan en begint met verzamelen zodra het
 | `flushInterval` | Milliseconden tussen automatische gebundelde verzendingen naar de backend.                  | `number`  | `20000`   | `10000`   |                                                                                                                                                                                       |
 | `sampleRate`    | Fractie van sessies om te registreren, van `0` (geen) tot `1` (alle).                       | `number`  | `1`       | `0.5`     | Sampling is deterministisch per sessie, zodat een geregistreerde sessie al zijn events rapporteert (geen gedeeltelijke funnels).                                                      |
 
----
-
 ### Routingconfiguratie (Routing)
 
 Instellingen die het gedrag van routing regelen, inclusief URL-structuur, opslag van locales en beheer van middleware.
@@ -951,8 +935,6 @@ const config: IntlayerConfig = {
 export default config;
 ```
 
----
-
 ### Contentconfiguratie (Content)
 
 Instellingen met betrekking tot hoe content in de applicatie wordt beheerd, inclusief mapnamen, bestandsextensies en afgeleide configuraties.
@@ -966,8 +948,6 @@ Instellingen met betrekking tot hoe content in de applicatie wordt beheerd, incl
 | `excludedPath`   | Mappen die zijn uitgesloten van het scannen van content.                                                           | `string[]` | `['**/node_modules/**', '**/dist/**', '**/build/**', '**/.intlayer/**', '**/.next/**', '**/.nuxt/**', '**/.expo/**', '**/.vercel/**', '**/.turbo/**', '**/.tanstack/**']` |                                                                                                                                                                                       | Wordt nog niet gebruikt; gepland voor de toekomst.                                                                                                                                  |
 | `formatCommand`  | Opdracht voor het formatteren van contentbestanden bij hun lokale schrijven door Intlayer.                         | `string`   | `undefined`                                                                                                                                                               | `'npx prettier --write "{{file}}" --log-level silent'` (Prettier), `'npx biome format "{{file}}" --write --log-level none'` (Biome), `'npx eslint --fix "{{file}}" --quiet'` (ESLint) | • `{{file}}` wordt vervangen door het pad naar het bestand.<br/>• Als het niet gedefinieerd is, bepaalt Intlayer dit automatisch (test prettier, biome, eslint).                    |
 
----
-
 ### Woordenboekconfiguratie (Dictionary)
 
 Parameters die operaties met woordenboeken regelen, inclusief het gedrag bij automatisch invullen en het genereren van content.
@@ -1000,8 +980,6 @@ dictionary: {
 };
 ```
 
----
-
 ### Loggerconfiguratie (Log)
 
 Parameters voor het aanpassen van de loguitvoer van Intlayer.
@@ -1011,8 +989,6 @@ Parameters voor het aanpassen van de loguitvoer van Intlayer.
 | `mode`   | Geeft de loggermodus aan.                   | `'default'` &#124; <br/> `'verbose'` &#124; <br/> `'disabled'` | `'default'`     | `'verbose'`      | • `'verbose'`: logt meer informatie voor debuggen.<br/>• `'disabled'`: schakelt de logger volledig uit. |
 | `prefix` | Voorvoegsel voor alle berichten in het log. | `string`                                                       | `'[intlayer] '` | `'[my prefix] '` |                                                                                                         |
 
----
-
 ### AI-configuratie (AI)
 
 Instellingen die de AI-functies van Intlayer regelen, waaronder de provider, het model en de API-sleutel.
@@ -1052,8 +1028,6 @@ Intlayer ondersteunt meerdere AI-providers voor maximale flexibiliteit. Momentee
 | `baseURL`            | Basis URL voor de AI API.                                                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                             | Geen        | `'https://api.openai.com/v1'` <br/> `'http://localhost:5000'` | Kan verwijzen naar een lokaal of aangepast endpoint van de AI API.                                                                                                                                          |
 | `dataSerialization`  | Formaat van de dataserialisatie voor AI-functies.                                                                                   | `'json'` &#124; <br/> `'toon'`                                                                                                                                                                                                                                                                                                                                                                                                                       | `undefined` | `'toon'`                                                      | • `'json'`: standaard, betrouwbaar; verbruikt meer tokens.<br/>• `'toon'`: minder tokens, minder stabiel.<br/>• Extra parameters worden als context aan het model doorgegeven (redenaties-inspanning enz.). |
 
----
-
 ### Buildconfiguratie (Build)
 
 Parameters die regelen hoe Intlayer de internationalisering van uw applicatie optimaliseert en compileert.
@@ -1076,8 +1050,6 @@ Build-opties worden toegepast op de plug-ins `@intlayer/babel` en `@intlayer/swc
 | `outputFormat`        | Beheert het uitvoerformaat van woordenboeken.                                                                                                   | `('esm' &#124; 'cjs')[]`         | `['esm', 'cjs']`                                                                                                                                                                  | `['cjs']`                                                                     |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
 | `traversePattern`     | Patronen die definieren welke bestanden tijdens de optimalisatie moeten worden gescand.                                                         | `string[]`                       | `['**/*.{tsx,ts,js,mjs,cjs,jsx,vue,svelte,svte}', '!**/node_modules/**', '!**/dist/**', '!**/.intlayer/**', '!**/*.config.*', '!**/*.test.*', '!**/*.spec.*', '!**/*.stories.*']` | `['src/**/*.{ts,tsx}', '../ui-library/**/*.{ts,tsx}', '!**/node_modules/**']` | • Beperk de optimalisatie tot relevante bestanden voor het verhogen van de buildprestaties.<br/>• Zou worden genegeerd als `optimize` was uitgeschakeld.<br/>• Gebruikt glob-patronen.                                                                                                                                                                                                                                                                                                                                                          |
 
----
-
 ### Systeemconfiguratie (System)
 
 Deze instellingen zijn bedoeld voor geavanceerde use cases en interne configuratie van Intlayer.
@@ -1092,8 +1064,6 @@ Deze instellingen zijn bedoeld voor geavanceerde use cases en interne configurat
 | `configDir`               | Map van de gecompileerde configuratiebestanden.    | `string` | `'.intlayer/config'`              |           |           |
 | `cacheDir`                | Map voor cachebestanden.                           | `string` | `'.intlayer/cache'`               |           |           |
 
----
-
 ### Compilerconfiguratie (Compiler)
 
 Instellingen die de Intlayer-compiler regelen, die woordenboeken rechtstreeks uit uw componenten extraheert.
@@ -1107,16 +1077,12 @@ Instellingen die de Intlayer-compiler regelen, die woordenboeken rechtstreeks ui
 | `noMetadata`          | Indien `true`, laat de compiler woordenboekmetadata (sleutel, contentwrapper) weg uit de uitvoer.                                                                                                                                                                                                                             | `boolean`                                                                                                       | `false`     | `false` → `{"key":"my-key","content":{"key":"value"}}` <br/> `true` → `{"key":"value"}`                                                                  | • Handig voor uitvoer in i18next-formaat of ICU MessageFormat JSON.<br/>• Werkt goed samen met de plug-in `loadJSON`.                                                                                           |
 | `dictionaryKeyPrefix` | Voorvoegsel voor woordenboeksleutel                                                                                                                                                                                                                                                                                           | `string`                                                                                                        | `''`        |                                                                                                                                                          | Optionele prefix toevoegen voor geextraheerde woordenboeksleutels                                                                                                                                               |
 
----
-
 ### Aangepaste schema's (Custom Schemas)
 
 | Veld      | Beschrijving                                                                                         | Type                        |
 | --------- | ---------------------------------------------------------------------------------------------------- | --------------------------- |
 | `schemas` | Stelt u in staat om Zod-schema's te definieren voor validatie van de structuur van uw woordenboeken. | `Record<string, ZodSchema>` |
 
----
-
 ### Plug-ins (Plugins)
 
 | Veld      | Beschrijving                                | Type               |

package/docs/nl/interest_of_intlayer.md

@@ -44,43 +44,36 @@ Vergeleken met belangrijke oplossingen zoals `next-intl` of `i18next`, is Intlay
 In plaats van enorme JSON-bestanden in uw pagina's te laden, laadt u alleen de strikt noodzakelijke inhoud. Intlayer helpt **uw pakket- en paginagrootte tot wel 50% te verminderen**.
 
 </Accordion>
-
 <Accordion header="Onderhoudbaarheid">
 
 Het afbakenen van de inhoud van uw applicatie op componentniveau **vergemakkelijkt het onderhoud** voor grootschalige applicaties. U kunt een enkele functionaliteitsmap kopiëren of verwijderen zonder de mentale belasting van het controleren van uw gehele inhoud-codebase. Bovendien is Intlayer **volledig getypeerd** om de nauwkeurigheid van uw inhoud te garanderen.
 
 </Accordion>
-
 <Accordion header="AI-agenten">
 
 Het samen plaatsen van code en inhoud (Co-location) **vermindert de benodigde context** voor Large Language Models (LLM's). Intlayer wordt ook geleverd met een reeks tools, zoals een **CLI** om te testen op ontbrekende vertalingen, **[LSP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/lsp.md)**, **[MCP](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/mcp_server.md)** en **[agent skills](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/agent_skills.md)**, om de ontwikkelaarservaring (DX) voor AI-agenten nog soepeler te maken.
 
 </Accordion>
-
 <Accordion header="Functies">
 
 Intlayer biedt een reeks extra functies die andere i18n-oplossingen niet hebben, zoals [Markdown-ondersteuning](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/markdown.md), [externe inhoud ophalen](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/function_fetching.md), [bestandsinhoud laden](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/file.md), [live-inhoudsupdate](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/cli/live.md), [visuele editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_visual_editor.md) en meer.
 
 </Accordion>
-
 <Accordion header="Automatisering">
 
 Gebruik automatisering om te vertalen in uw CI/CD-pipeline met behulp van de LLM van uw keuze tegen de directe kosten van uw AI-provider. Intlayer biedt ook een **compiler** om inhoudsextractie te automatiseren, evenals een [webplatform](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_CMS.md) om te helpen **vertalen op de achtergrond**.
 
 </Accordion>
-
 <Accordion header="Prestaties">
 
 Het verbinden van enorme JSON-bestanden met componenten kan leiden tot prestatie- en reactiviteitsproblemen. Intlayer optimaliseert het laden van uw inhoud al tijdens de build-tijd.
 
 </Accordion>
-
 <Accordion header="Schalen met niet-ontwikkelaars">
 
 Meer dan alleen een i18n-oplossing biedt Intlayer een **zelfgehoste [visuele editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_visual_editor.md)** en een **[volledig CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_CMS.md)** om u te helpen uw meertalige inhoud in **realtime** te beheren. Dit maakt de samenwerking met vertalers, copywriters en andere teamleden naadloos. Inhoud kan lokaal en/of extern worden opgeslagen.
 
 </Accordion>
-
 <Accordion header="Cross-framework ontwerp">
 
 Als u verschillende frameworks gebruikt voor verschillende delen van uw applicatie (bijv. React, React-native, Vue, Angular, Svelte, enz.), biedt Intlayer een manier om **een gemeenschappelijke syntaxis en implementatie te gebruiken over alle belangrijke frontend-frameworks**. U kunt uw inhoudsdeclaratie ook delen in uw design-system, apps, backend, enz.
@@ -282,8 +275,6 @@ GitHub-sterren zijn een sterke indicator van de populariteit van een project, he
 
 [![Star History Chart](https://api.star-history.com/chart?repos=aymericzip/intlayer%2Cformatjs/formatjs%2Ci18next/react-i18next%2Ci18next/i18next%2Ci18next/next-i18next%2Clingui/js-lingui%2Camannn/next-intl%2Cintlify/vue-i18n%2Ccodingcommons/typesafe-i18n%2Copral/paraglide-js&type=date&legend=top-left)](https://www.star-history.com/#aymericzip/intlayer&formatjs/formatjs&i18next/react-i18next&i18next/i18next&i18next/next-i18next&lingui/js-lingui&amannn/next-intl&intlify/vue-i18n&codingcommons/typesafe-i18n&opral/paraglide-js)
 
----
-
 ## Interoperabiliteit
 
 `intlayer` kan u ook helpen bij het beheren van uw `react-intl`, `react-i18next`, `next-intl`, `next-i18next` en `vue-i18n` namespaces.

package/docs/nl/intlayer_with_angular_21.md

@@ -48,8 +48,6 @@ Met Intlayer kunt u:
 - **TypeScript-ondersteuning garanderen** met automatisch gegenereerde types, wat de automatische aanvulling en foutdetectie verbetert.
 - **Profiteren van geavanceerde functies**, zoals dynamische taaldetectie en -wisseling.
 
----
-
 ## Stapsgewijze handleiding om Intlayer in te stellen in een Angular-applicatie
 
 <Tabs defaultTab="code">
@@ -80,7 +78,6 @@ Met Intlayer kunt u:
 Zie de [Applicatiesjabloon](https://github.com/aymericzip/intlayer-angular-22-template) op GitHub.
 
 <Steps>
-
 <Step number={1} title="Afhankelijkheden installeren">
 
 Installeer de benodigde pakketten via npm:
@@ -136,7 +133,6 @@ bun add @angular-builders/custom-esbuild --dev
   Vereist om de esbuild-configuratie van Angular CLI aan te passen.
 
 </Step>
-
 <Step number={2} title="Configuratie van uw project">
 
 Maak een configuratiebestand aan om de talen van uw applicatie te configureren:
@@ -162,7 +158,6 @@ export default config;
 > Via dit configuratiebestand kunt u gelokaliseerde URL's instellen, middleware-omleidingen, cookienamen, de locatie en extensie van uw inhoudsdeclaraties instellen, Intlayer-logs in de console uitschakelen, en nog veel meer. Zie de [configuratiedocumentatie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/configuration.md) voor een volledige lijst met beschikbare parameters.
 
 </Step>
-
 <Step number={3} title="Intlayer integreren in uw Angular-configuratie">
 
 Om Intlayer met de Angular CLI te integreren, moet u een aangepaste builder gebruiken. Deze handleiding gaat ervan uit dat u Vite/esbuild gebruikt (standaard voor Angular 22-projecten).
@@ -226,7 +221,6 @@ export default [intlayerEsbuildPlugin()];
 > Verwijs vervolgens in `angular.json` naar `"./esbuild.plugins.mjs"` in plaats van `"./esbuild.plugins.ts"`.
 
 </Step>
-
 <Step number={4} title="Verklaar uw Inhoud">
 
 Maak en beheer uw inhoudsdeclaraties om vertalingen op te slaan:
@@ -278,7 +272,6 @@ export default appContent;
 > Zie voor meer informatie de [documentatie over inhoudsdeclaratie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/content_file.md).
 
 </Step>
-
 <Step number={5} title="Gebruik Intlayer in uw Code">
 
 Om de internationalisatiefuncties van Intlayer in uw hele Angular-applicatie te gebruiken, moet u Intlayer toevoegen aan de applicatieconfiguratie.
@@ -328,7 +321,6 @@ En in uw template:
 Intlayer-inhoud wordt geretourneerd als een `Signal`, dus u hebt toegang tot de waarden door de signaal aan te roepen: `content().title`.
 
 </Step>
-
 <Step number={6} title="Verander de taal van uw inhoud" isOptional={true}>
 
 Om de taal van uw inhoud te wijzigen, kunt u de functie `setLocale` gebruiken die wordt aangeboden door de functie `useLocale`. Hiermee kunt u de taal van de applicatie instellen en de inhoud dienovereenkomstig bijwerken.
@@ -436,8 +428,6 @@ Deze extensie biedt:
 
 Voor meer informatie over hoe u de extensie kunt gebruiken, zie de [Intlayer VS Code Extensie documentatie](https://intlayer.org/doc/vs-code-extension).
 
----
-
 ### Verder Gaan
 
 Om nog verder te gaan, kunt u de [visuele editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_visual_editor.md) implementeren of uw inhoud externaliseren met behulp van de [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_CMS.md).

package/docs/nl/intlayer_with_storybook.md

@@ -43,8 +43,6 @@ Met Intlayer kunt u:
 - **Tijdens runtime van taal wisselen** zonder de pagina te herladen.
 - **Automatisch vertalen** met ingebouwde AI-provider integraties.
 
----
-
 ## Waarom Intlayer gebruiken met Storybook?
 
 Storybook is de industriestandaard tool voor het in isolatie ontwikkelen en documenteren van UI-componenten. Door het te combineren met Intlayer kunt u:
@@ -53,15 +51,12 @@ Storybook is de industriestandaard tool voor het in isolatie ontwikkelen en docu
 - **Ontbrekende vertalingen detecteren** voordat ze de productie bereiken.
 - **Meertalige componenten documenteren** met echte, typeveilige inhoud in plaats van hardgecodeerde strings.
 
----
-
 ## Stapsgewijze installatie
 
 <Tabs>
 <Tab value="Vite Setup">
 
 <Steps>
-
 <Step number={1} title="Afhankelijkheden installeren">
 
 ```bash packageManager="npm"
@@ -91,7 +86,6 @@ bun add vite-intlayer --dev
 | `vite-intlayer`  | Vite-plugin - bewaakt en compileert inhoudsdeclaratiebestanden |
 
 </Step>
-
 <Step number={2} title="Een Intlayer-configuratie aanmaken">
 
 Maak `intlayer.config.ts` aan in de root van uw project (of in uw design-system pakket):
@@ -120,7 +114,6 @@ export default config;
 > Zie voor de volledige lijst met opties de [configuratiereferentie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/configuration.md).
 
 </Step>
-
 <Step number={3} title="De Vite-plugin toevoegen aan Storybook">
 
 Met de `viteFinal` hook van Storybook kunt u de interne Vite-configuratie uitbreiden. Importeer en voeg de `intlayer()` plugin daar toe:
@@ -167,7 +160,6 @@ export default config;
 De `intlayer()` plugin bewaakt uw `*.content.ts` bestanden and bouwt automatisch woordenboeken opnieuw op wanneer ze veranderen tijdens de Storybook-ontwikkeling.
 
 </Step>
-
 <Step number={4} title="De `IntlayerProvider` decorator en een locale-werkbalk toevoegen">
 
 Het `preview` bestand van Storybook is de juiste plek om elke story te omhullen met de `IntlayerProvider` en een taalschakelaar in de werkbalk te tonen:
@@ -227,7 +219,6 @@ export default preview;
 </Tab>
 <Tab value="Webpack Setup">
 <Steps>
-
 <Step number={1} title="Afhankelijkheden installeren">
 
 ```bash packageManager="npm"
@@ -251,7 +242,6 @@ bun add @intlayer/webpack --dev
 ```
 
 </Step>
-
 <Step number={2} title="Een Intlayer-configuratie aanmaken">
 
 Maak `intlayer.config.ts` aan in de root van uw project:
@@ -273,7 +263,6 @@ export default config;
 ```
 
 </Step>
-
 <Step number={3} title="Webpack van Storybook configureren">
 
 Breid voor op Webpack gebaseerde Storybook-instellingen (bijv. `@storybook/react-webpack5`) de webpack-configuratie uit via `webpackFinal` om de Intlayer-aliassen en loader toe te voegen:
@@ -300,7 +289,6 @@ export default config;
 ```
 
 </Step>
-
 <Step number={4} title="De `IntlayerProvider` decorator en een locale-werkbalk toevoegen">
 
 Hetzelfde als de Vite-instelling - voeg de decorator en het globale locale-type toe in `.storybook/preview.tsx`:
@@ -370,8 +358,6 @@ export default copyButtonContent;
 
 > Zie voor meer inhoudsdeclaratieformaten en functies de [documentatie voor inhoudsdeclaratie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/content_file.md).
 
----
-
 ## `useIntlayer` gebruiken in een component
 
 ```tsx fileName="src/components/CopyButton/index.tsx" codeFormat="typescript"
@@ -401,8 +387,6 @@ export const CopyButton: FC<CopyButtonProps> = ({ content }) => {
 
 `useIntlayer` retourneert het gecompileerde woordenboek voor de huidige taal die wordt geleverd door de dichtstbijzijnde `IntlayerProvider`. Het wisselen van taal in de Storybook-werkbalk herrendert de story automatisch met de bijgewerkte vertalingen.
 
----
-
 ## Stories schrijven voor geïnternationaliseerde componenten
 
 Met de `IntlayerProvider` decorator op zijn plek werken uw stories precies zoals voorheen. De locale-werkbalk regelt de actieve taal voor het hele canvas:
@@ -451,8 +435,6 @@ export const InsideCodeBlock: Story = {
 
 > Elke story erft de `locale` global van de werkbalk, zodat u elke taal kunt verifiëren zonder story-code te wijzigen.
 
----
-
 ## Vertalingen testen in stories
 
 Gebruik de `play` functies van Storybook om te controleren of de juiste vertaalde tekst wordt gerenderd voor een bepaalde taal:
@@ -487,8 +469,6 @@ export const AccessibleLabel: Story = {
 };
 ```
 
----
-
 ## Aanvullende bronnen
 
 - [Intlayer configuratiereferentie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/configuration.md)

package/docs/nl/intlayer_with_vanilla.md

@@ -75,12 +75,9 @@ Als je applicatie een bundler gebruikt (zoals Vite), raden we aan om in plaats d
 
 Met behulp van de standalone bundel kun je Intlayer direct in je HTML-bestanden importeren via een enkel JavaScript-bestand, waardoor het perfect is voor legacy-projecten of eenvoudige statische sites.
 
----
-
 ## Stap-voor-stap handleiding om Intlayer in te stellen in een Vanilla JS-applicatie
 
 <Steps>
-
 <Step number={1} title="Afhankelijkheden installeren">
 
 Installeer de benodigde pakketten met npm:
@@ -142,7 +139,6 @@ bun x intlayer build
 > De bundling-export van de `intlayer standalone` CLI produceert een geoptimaliseerde build door middel van tree-shaking van ongebruikte pakketten, locales en niet-essentiële logica (zoals redirects of prefixes) die specifiek zijn voor uw configuratie.
 
 </Step>
-
 <Step number={2} title="Configuratie van je project">
 
 Maak een configuratiebestand om de talen van je applicatie in te stellen:
@@ -168,7 +164,6 @@ export default config;
 > Via dit configuratiebestand kun je gelokaliseerde URL's, middleware-redirection, cookienamen, de locatie en extensie van je inhoudsdeclaraties instellen, Intlayer-logs in de console uitschakelen en meer. Raadpleeg de [configuratie-documentatie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/configuration.md) voor een volledige lijst van beschikbare parameters.
 
 </Step>
-
 <Step number={3} title="Importeer de bundel in je HTML">
 
 Zodra je de `intlayer.js`-bundel hebt gegeneerd, kun je deze in je HTML-bestand importeren:
@@ -194,7 +189,6 @@ Zodra je de `intlayer.js`-bundel hebt gegeneerd, kun je deze in je HTML-bestand
 De bundel stelt `Intlayer` en `VanillaIntlayer` bloot als globale objecten op `window`.
 
 </Step>
-
 <Step number={4} title="Bootstrap Intlayer in je toegangspunt">
 
 In je `src/main.js`, roep `installIntlayer()` aan **voordat** er inhoud wordt gerenderd, zodat de globale taal-singleton gereed is.
@@ -216,7 +210,6 @@ installIntlayerMarkdown();
 ```
 
 </Step>
-
 <Step number={5} title="Declareer je inhoud">
 
 Maak en beheer je inhoudsdeclaraties om vertalingen op te slaan:
@@ -296,7 +289,6 @@ export default appContent;
 > Raadpleeg de [inhoudsdeclaratie-documentatie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/content_file.md) voor meer details.
 
 </Step>
-
 <Step number={6} title="Gebruik Intlayer in je JavaScript">
 
 Het `window.VanillaIntlayer` object biedt API-helpers: `useIntlayer(key, locale?)` retourneert de vertaalde inhoud voor een gegeven sleutel.
@@ -332,7 +324,6 @@ document.querySelector(".read-the-docs").textContent = String(
 > ```
 
 </Step>
-
 <Step number={7} title="Verander de taal van je inhoud" isOptional={true}>
 
 Om de taal van je inhoud te veranderen, gebruik je de `setLocale` functie die wordt blootgesteld door `useLocale`.
@@ -369,7 +360,6 @@ export function setupLocaleSwitcher(container) {
 ```
 
 </Step>
-
 <Step number={8} title="Schakel de HTML taal- en richtingsattributen" isOptional={true}>
 
 Update de `lang` en `dir` attributen van de `<html>`-tag zodat ze overeenkomen met de huidige taal voor toegankelijkheid en SEO.
@@ -389,7 +379,6 @@ useLocale({
 ```
 
 </Step>
-
 <Step number={9} title="Laad woordenboeken lui per taal" isOptional={true}>
 
 Als je woordenboeken lui wilt laden per taal, kun je `useDictionaryDynamic` gebruiken. Dit is handig als je niet alle vertalingen in het initiële `intlayer.js`-bestand wilt bundelen.
@@ -445,8 +434,6 @@ Deze extensie biedt:
 
 Raadpleeg de [Intlayer VS Code-extensie documentatie](https://intlayer.org/doc/vs-code-extension) voor meer details over het gebruik van de extensie.
 
----
-
 ### Ga verder
 
 Om verder te gaan, kun je de [visuele editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_visual_editor.md) implementeren of je inhoud externaliseren met behulp van de [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_CMS.md).

package/docs/nl/intlayer_with_vite+lit.md

@@ -69,12 +69,9 @@ Met Intlayer kun je:
 - **TypeScript-ondersteuning garanderen** met automatisch gegenereerde typen, wat de automatische aanvulling en foutdetectie verbetert.
 - **Profiteren van geavanceerde functies**, zoals dynamische taaldetectie en -omschakeling.
 
----
-
 ## Stap-voor-stap handleiding om Intlayer in te stellen in een Vite- en Lit-applicatie
 
 <Steps>
-
 <Step number={1} title="Afhankelijkheden installeren">
 
 Installeer de benodigde pakketten met npm:
@@ -130,7 +127,6 @@ bun add vite-intlayer --dev
   Bevat de Vite-plugin voor het integreren van Intlayer met de [Vite-bundler](https://vite.dev/guide/why.html#why-bundle-for-production), evenals middleware voor het detecteren van de voorkeurstaal van de gebruiker, het beheren van cookies en het afhandelen van URL-omleidingen.
 
 </Step>
-
 <Step number={2} title="Configuratie van je project">
 
 Maak een configuratiebestand om de talen van je applicatie te configureren:
@@ -156,7 +152,6 @@ export default config;
 > Via dit configuratiebestand kun je gelokaliseerde URL's, middleware-omleidingen, cookienamen, de locatie en extensie van je inhoudsdeclaraties instellen, Intlayer-logs in de console uitschakelen, en meer. Raadpleeg de [configuratiedocumentatie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/configuration.md) voor een volledige lijst van beschikbare parameters.
 
 </Step>
-
 <Step number={3} title="Intlayer integreren in je Vite-configuratie">
 
 Voeg de intlayer-plugin toe aan je configuratie.
@@ -180,7 +175,6 @@ export default defineConfig({
 > De `intlayer()` Vite-plugin wordt gebruikt om Intlayer met Vite te integreren. Het zorgt voor het bouwen van inhoudsdeclaratiebestanden en bewaakt deze in de ontwikkelmodus. Het definieert Intlayer-omgevingsvariabelen binnen de Vite-applicatie. Bovendien biedt het aliassen om de prestaties te optimaliseren.
 
 </Step>
-
 <Step number={4} title="Bootstrap Intlayer in je toegangspunt">
 
 Roep `installIntlayer()` aan **vóórdat** er aangepaste elementen worden geregistreerd, zodat de globale locale singleton gereed is wanneer het eerste element verbinding maakt.
@@ -207,7 +201,6 @@ import "./my-element.js";
 ```
 
 </Step>
-
 <Step number={5} title="Declareer je inhoud">
 
 Maak en beheer je inhoudsdeclaraties om vertalingen op te slaan:
@@ -295,7 +288,6 @@ export default appContent;
 > Raadpleeg de [inhoudsdeclaratiedocumentatie](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/dictionary/content_file.md) voor meer details.
 
 </Step>
-
 <Step number={6} title="Gebruik Intlayer in je LitElement">
 
 Gebruik `useIntlayer` binnen een `LitElement`. Het retourneert een `ReactiveController`-proxy die automatisch herrenders activeert wanneer de actieve taal verandert - er is geen extra configuratie vereist.
@@ -342,7 +334,6 @@ export class MyElement extends LitElement {
 > ```
 
 </Step>
-
 <Step number={7} title="De taal van je inhoud wijzigen" isOptional={true}>
 
 Gebruik de `setLocale`-methode van de `useLocale`-controller om de taal van je inhoud te wijzigen.
@@ -379,7 +370,6 @@ export class LocaleSwitcher extends LitElement {
 ```
 
 </Step>
-
 <Step number={8} title="Markdown- en HTML-inhoud renderen" isOptional={true}>
 
 Intlayer ondersteunt `md()` en `html()` inhoudsdeclaraties. In Lit wordt de gecompileerde output geïnjecteerd als ruwe HTML via de `unsafeHTML`-richtlijn.
@@ -431,7 +421,6 @@ export class MyElement extends LitElement {
 > `String(content.editNote)` roept `toString()` aan op de `IntlayerNode`, wat de ruwe Markdown-string retourneert. Geef deze door aan `compileMarkdown` om een HTML-string te krijgen, en render deze vervolgens met de `unsafeHTML`-richtlijn van Lit.
 
 </Step>
-
 <Step number={9} title="Gelokaliseerde routing toevoegen aan je applicatie" isOptional={true}>
 
 Om unieke routes voor elke taal te maken (nuttig voor SEO), kun je een client-side router gebruiken samen met Intlayer's `localeMap` / `localeFlatMap` helpers, en de `intlayerProxy` Vite-plugin voor taaldetectie aan de serverzijde.
@@ -450,7 +439,6 @@ export default defineConfig({
 ```
 
 </Step>
-
 <Step number={10} title="De URL wijzigen wanneer de taal verandert" isOptional={true}>
 
 Gebruik `useRewriteURL` samen met de taalschakelaar om de browser-URL bij te werken wanneer de taal verandert:
@@ -490,7 +478,6 @@ export class LocaleSwitcher extends LitElement {
 ```
 
 </Step>
-
 <Step number={11} title="De HTML taal- en richtingsattributen omschakelen" isOptional={true}>
 
 Werk de `lang`- en `dir`-attributen van de `<html>`-tag bij zodat deze overeenkomen met de huidige taal voor toegankelijkheid en SEO.
@@ -517,7 +504,6 @@ export class MyElement extends LitElement {
 ```
 
 </Step>
-
 <Step number={12} title="De inhoud van je componenten extraheren" isOptional={true}>
 
 Als je een bestaande codebase hebt, kan het transformeren van duizenden bestanden tijdrovend zijn.
@@ -679,8 +665,6 @@ Deze extensie biedt:
 
 Raadpleeg de [documentatie van de Intlayer VS Code-extensie](https://intlayer.org/doc/vs-code-extension) voor meer details over het gebruik van de extensie.
 
----
-
 ### Verder gaan
 
 Om verder te gaan, kun je de [visuele editor](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_visual_editor.md) implementeren of je inhoud externaliseren met behulp van het [CMS](https://github.com/aymericzip/intlayer/blob/main/docs/docs/nl/intlayer_CMS.md).