{i18n.t('common.greeting', { name: 'World' })}
\n```\n\nThe call reads the reactive translation table and locale, so the text updates\nautomatically when either changes — no stores, no `$` prefix. Do NOT\ndestructure the instance's value properties: reading them off the instance is\nwhat makes templates reactive. (`t`/`l` are functions and stay reactive even\nwhen destructured, since the tracked reads happen at call time. In a component,\n`const { loading } = $derived(i18n)` destructures value reads without losing\nreactivity.)\n\n## Using Different Parsers\n\n### ICU Message Format\n\n```javascript\nimport i18n from '@sveltekit-i18n/base';\nimport parser from '@sveltekit-i18n/parser-icu';\n\nconst config = {\n parser: parser({ onReport: null }),\n loaders: [/* ... */],\n};\n```\n\n```json\n{\n \"items\": \"You have {count, plural, =0 {no items} one {# item} other {# items}}.\"\n}\n```\n\n### Custom Parser\n\n```javascript\nimport i18n from '@sveltekit-i18n/base';\n\nconst customParser = () => ({\n parse: (value, params) => {\n // Your custom interpolation logic; `parse` must not throw on a non-string value\n return typeof value === 'string'\n ? value.replace(/\\{(\\w+)\\}/g, (_, key) => params[0]?.[key] ?? key)\n : value;\n },\n});\n\nconst config = {\n parser: customParser(),\n loaders: [/* ... */],\n};\n```\n\nLearn more about [creating custom parsers](https://github.com/sveltekit-i18n/parsers#creating-custom-parsers).\n\n## Configuration Options\n\n### `parser` (required)\n\nMessage parser instance. See [Parsers](https://github.com/sveltekit-i18n/parsers).\n\n### `loaders`\n\nArray of loader configurations:\n\n```javascript\nloaders: [\n {\n locale: 'en', // Required: locale identifier\n namespace: 'common', // Required: translation namespace\n loader: async () => {}, // Required: async function returning translations\n routes: ['/about'], // Optional: load only for specific routes\n },\n]\n```\n\n`locale` and `namespace` each take a list as well. Such a descriptor stands for one loader per locale and namespace pair, and the loader receives the pair it is loading, so one computed loader can replace a descriptor per file:\n\n```javascript\nloaders: [\n {\n locale: ['en', 'cs'],\n namespace: ['common', 'nav'],\n loader: async ({ locale, namespace }) => (await import(`./${locale}/${namespace}.json`)).default,\n },\n]\n```\n\nA named capture group in a `RegExp` route is a load parameter: its match reaches the loader as `params`, and the loader runs again when it changes, its new data replacing the old:\n\n```javascript\n{\n locale: 'en',\n namespace: 'article',\n routes: [/^\\/article\\/(?