Skip to content

ULanguageSwitcher

The Language Switcher component is a convenient wrapper around allowing the user to change languge from any given page.

The component uses useCurrentPage, useRoot and useLanguages under the hood to supply the functionality.

Example

Out of the box the language switcher uses the first two characters of the languageISOCode property as the label of the link.

vue
<template>
    <ULanguageSwitcher />
</template>

Specifing seperator

You can specify an optional seperator to go between each link.

vue
<template>
    <ULanguageSwitcher>
         <template #seperator> // </template>
    </ULanguageSwitcher>
</template>