Каким образом передаются параметры из HTML в Svelte-компонент?
Использую компонент Navbar из sveltestrap. Пример из документации работает на ура. Но сейчас мне понадобилось сделать двуязычное меню, плюс к тому передать в Svelte-компонент параметр, указывающий какой пункт меню отрисовывать активным.
На примере navmenu.svelte:
<script>
import {
Collapse,
Navbar,
NavbarToggler,
NavbarBrand,
Nav,
NavItem,
NavLink,
Dropdown,
DropdownToggle,
DropdownMenu,
DropdownItem
} from 'sveltestrap';
let isOpen = false;
function handleUpdate(event) {
isOpen = event.detail.isOpen;
}
</script>
<Navbar color="light" light expand="md">
<NavbarBrand href="/">Brand</NavbarBrand>
<NavbarToggler on:click={() => (isOpen = !isOpen)} />
<Collapse {isOpen} navbar expand="md" on:update={handleUpdate}>
<Nav class="ms-auto" navbar>
<NavItem>
<NavLink href="/ru/link-1">Линк-1</NavLink>
</NavItem>
<NavItem>
<NavLink href="/ru/link-2">Линк-2</NavLink>
</NavItem>
</Nav>
</Collapse>
</Navbar>
Вот здесь нужно в зависимости от текущего языка менять /ru/ на /en/, и Линк на Link.
Собственно, вопрос: как это делается?