FormLanguages ​
Renders a language selector for translatable elements using FormLanguage
components.
Basic Usage ​
<FormLanguages>
component can be used in <Vueform>
component's #empty
slot:
<template>
<Vueform>
<template #empty>
<FormLanguages>
<FormLanguage
language="English"
code="en"
/>
<FormLanguage
language="Chinese"
code="zh"
/>
</FormLanguages>
<FormElements>
<TTextElement
name="title"
label="Title"
/>
<TEditorElement
name="article"
placeholder="Article content..."
/>
</FormElements>
</template>
</Vueform>
</template>
Options ​
Find below the list of options that can use to configure FormLanguages
component. Options can be passed to the component via props.
view ​
- Type:
string
<FormLanguages view="alt" ... />
The name of the view to be used for the component and child components (FormLanguage
). If undefined
the default view will be used.
Learn more about views here.
Properties ​
All the data
, computed
and inject
properties of the component.
language ​
- Type:
string
- Group:
computed
The language code of the currently selected language (2 letters).
languages ​
- Type:
object
- Group:
computed
The available languages.
Size ​
- Type:
component
- Group:
inject
The size of the component.
View ​
- Type:
string
- Group:
computed
The name of the resolved view for the component. This one should be used to determine the component's view in class functions.
template ​
- Type:
object
- Group:
computed
The component's template.
classes ​
- Type:
object
- Group:
computed
The component's classes.
theme ​
- Type:
object
- Group:
inject
The global theme object, which contains all the default templates and classes.
form$ ​
- Type:
component
- Group:
inject
The root form's component.
Methods ​
The methods
of the component.
select ​
- Arguments:
{string} code*
- the language code to be selected
- Returns:
void
Selects a language.