mapcomplete/src/UI/Base/Tr.svelte

24 lines
567 B
Svelte

<script lang="ts">
/**
* Properly renders a translation
*/
import { Translation } from "../i18n/Translation"
import WeblateLink from "./WeblateLink.svelte"
import { Store } from "../../Logic/UIEventSource"
import FromHtml from "./FromHtml.svelte"
export let t: Translation
export let cls: string = ""
// Text for the current language
let txt: Store<string | undefined> = t?.current
$: {
txt = t?.current
}
</script>
{#if $txt}
<span class={cls}>
<FromHtml src={$txt} />
<WeblateLink context={t?.context} />
</span>
{/if}