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>