コンテンツへスキップ
Svelte i18n

Svelte i18n を簡単に

ストアベースの i18n。SvelteKit 連携と runes 対応。

機能

Svelte stores 連携
SvelteKit 対応
SSR 対応
プリレンダリング対応
ロケールの遅延ロード
Svelte 5 runes 対応
最小限のバンドルサイズ
TypeScript 対応
DevTools 連携

クイックスタート

ストアで Svelte アプリに i18n を追加します。

<!-- +page.svelte -->
<script>
  import { t } from '@better-i18n/svelte';
</script>

<h1>{$t('welcome')}</h1>
<p>{$t('greeting', { name: 'World' })}</p>

<!-- With SvelteKit load function -->
<script context="module">
  export async function load({ params }) {
    const messages = await loadMessages(params.locale);
    return { messages };
  }
</script>

Svelte i18n で開発を始める

無料プランあり。クレジットカード不要。