Add automatic translation to any Svelte or SvelteKit app

What gets translated

• ✓All Svelte components and pages
• ✓SvelteKit route layouts
• ✓Server-side rendered content
• ✓Svelte stores rendered in templates
• ✓Dynamic imports and lazy routes
• ✓Error pages (+error.svelte)

Setup guide

1. 1

   Create a Lingvit project

   Sign up at app.lingvit.com, create a project, and add your domain.

2. 2

   Add the script to your HTML template

   For SvelteKit, edit src/app.html. For plain Svelte (Vite), edit index.html:

   <!-- SvelteKit: src/app.html -->
   <!doctype html>
   <html lang="%sveltekit.lang%">
     <head>%sveltekit.head%</head>
     <body>
       <div style="display: contents">%sveltekit.body%</div>
       <script src="https://cdn.lingvit.com/widget/v1/widget.bundle.js" async></script>
     </body>
   </html>

3. 3

   Select languages and deploy

   Choose target languages in the Lingvit dashboard. SvelteKit client-side navigation and reactive Svelte store updates are detected automatically.