forked from cms/tibi-svelte-starter
Weitere Verbesserungen des Starter Projekts für neue Projekte.
This commit is contained in:
30
src/components/widgets/LanguageChooser.svelte
Normal file
30
src/components/widgets/LanguageChooser.svelte
Normal file
@@ -0,0 +1,30 @@
|
||||
<script lang="ts">
|
||||
import { navigations, location, currentLang } from "../../store"
|
||||
|
||||
$: languages = []
|
||||
|
||||
$: if ($navigations?.length) {
|
||||
$navigations.forEach((nav) => {
|
||||
if (!languages.includes(nav.locale)) {
|
||||
languages.push(nav.locale)
|
||||
}
|
||||
})
|
||||
languages = languages
|
||||
}
|
||||
|
||||
$: console.log($location)
|
||||
</script>
|
||||
|
||||
<div class="language-chooser">
|
||||
{#each languages as language}
|
||||
<div
|
||||
class="lang"
|
||||
class:active="{$currentLang === language}"
|
||||
on:click="{() => {
|
||||
$currentLang = language
|
||||
}}"
|
||||
>
|
||||
{language}
|
||||
</div>
|
||||
{/each}
|
||||
</div>
|
||||
Reference in New Issue
Block a user