@inlang/paraglide-sveltekit

Getting Started

Initialize an inlang project and install the paraglide sveltekit adapter:

npx @inlang/paraglide-js@beta init
npm i @inlang/paraglide-sveltekit@beta

Add the vite plugin and adapter to your vite.config.js:

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
+import { paraglideVitePlugin } from '@inlang/paraglide-js';
+import { ParaglideSveltekitAdapter } from '@inlang/paraglide-sveltekit';

export default defineConfig({
	plugins: [
		sveltekit(),
+		paraglideVitePlugin({
+			project: './project.inlang',
+			outdir: './src/lib/paraglide',
+			adapter: ParaglideSveltekitAdapter()
+		})
	]
});

Add the handle hook to /src/hooks.server.ts:

import type { Handle } from '@sveltejs/kit';
import * as paraglideAdapter from '$lib/paraglide/adapter';

export const handle: Handle = paraglideAdapter.handle;

Add the reroute hook to /src/hooks.ts:

import type { Reroute } from '@sveltejs/kit';
import * as paraglideAdapter from '$lib/paraglide/adapter';

export const reroute: Reroute = paraglideAdapter.reroute;

Create or add the the Paraglide provider to the root layout file in /src/routes/+layout.svelte:

<script lang="ts">
+	import { ParaglideSveltekitProvider } from '$lib/paraglide/adapter';
</script>

+<ParaglideSveltekitProvider>
	<slot></slot>
+</ParaglideSveltekitProvider>