Files
reiverr/src/lib/components/SetupRequired/SetupRequired.svelte
Axel Aguilar c6e19cbc93 enhancement: Added Localization to the app
Added Localization to the app (English, Spanish)
Users can add translations in .json format in the /src/lib/lang folder and then register them in the I18n Svelte component
Maybe someone knows how to dinamically load everything in the /lang folder so you don't need to register them manually
Some strings are still missing to be updated, I'm setting up my environment to have Radarr, Sonarr and Jellyfin
Followed this guide to add Localization to Reiverr: https://phrase.com/blog/posts/a-step-by-step-guide-to-svelte-localization-with-svelte-i18n-v3/
2023-08-12 11:45:42 -06:00

17 lines
605 B
Svelte

<script lang="ts">
export let missingEnvironmentVariables: Record<string, boolean>;
import { _ } from 'svelte-i18n';
</script>
<div class="min-h-screen flex flex-col max-w-screen-2xl mx-auto p-4 md:p-8 lg:px-32 gap-2">
<h1 class="font-bold text-3xl">{`${$_('setupRequiredTitle')} ${$_('appName')}`}</h1>
<p>
{$_('setupRequiredDescription')}
</p>
<ul class="flex flex-col gap-1">
{#each Object.keys(missingEnvironmentVariables).filter((k) => missingEnvironmentVariables[k]) as variableName}
<code class="bg-lighten p-0.5 px-2 rounded self-start">{variableName}</code>
{/each}
</ul>
</div>