@tolgee/vue v5.26.0
{% import "../../readmeMacros/macros.njk.md" as macros %} {{ macros.header('Tolgee for Vue', 'The Tolgee i18n SDK for Vue', packageName) }}
What is Tolgee for Vue?
Vue integration library of Tolgee. With this package, it's super simple to add i18n to your Vue app! For more information about using Tolgee with Vue, visit the docs 📖.
Localize (translate) your Vue projects to multiple languages with Tolgee. Integration of Tolgee is extremely simple! 🇯🇵 🇰🇷 🇩🇪 🇨🇳 🇺🇸 🇫🇷 🇪🇸 🇮🇹 🇷🇺 🇬🇧
Currently we support vue v3 only
{{ macros.integrationLinks('Tolgee for Vue docs', macros.v5link('integrations/vue/installation')) }}
{{ macros.installation('vue') }}
Initialize tolgee
import { Tolgee, VuePlugin, VueTolgee, FormatSimple } from '@tolgee/vue';
const tolgee = Tolgee()
.use(VuePlugin())
.use(FormatSimple())
.init({
language: 'en',
apiUrl: process.env.VUE_APP_TOLGEE_API_URL,
apiKey: process.env.VUE_APP_TOLGEE_API_KEY,
});
...
app.use(VueTolgee, { tolgee });
Then use the library in your app:
<template>
<TolgeeProvider>
<template v-slot:fallback>
<div>Loading...</div>
</template>
<App />
</TolgeeProvider>
</template>
T component
<template>
<T keyName="translation_key" />
</template>
<script setup>
import { T } from '@tolgee/vue';
</script>
or with the default value
<T keyName="translation_key" defaultValue="Default value" />
Composition API for imperative translations
<template>
<div title="t('translation_key')">Hello</div>
</template>
<script setup>
import { useTranslate } from '@tolgee/vue';
const { t } = useTranslate();
</script>
or for language switching
<template>
<select
:value="tolgee.getLanguage()"
v-on:change="changeLanguage"
>
<option value="en">en</option>
<option value="de">de</option>
</select>
</template>
<script setup>
import { useTolgee } from '@tolgee/vue';
const tolgee = useTolgee(['language']);
const changeLanguage = (e) => {
tolgee.value.changeLanguage(e.target.value);
};
</script>
{{ macros.prereq('Vue') }}
{{ macros.why() }}
Development
{{ macros.developmentInstallation() }} {{ macros.development('vue') }}
{{ macros.developmentTesting('/packages/vue') }}
{{ macros.e2eTesting('vue') }}
{{ macros.contributors() }}
2 days ago
1 day ago
3 days ago
10 days ago
21 days ago
24 days ago
28 days ago
29 days ago
30 days ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
9 months ago
6 months ago
10 months ago
6 months ago
10 months ago
6 months ago
6 months ago
6 months ago
6 months ago
10 months ago
8 months ago
10 months ago
6 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
6 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
8 months ago
10 months ago
8 months ago
7 months ago
7 months ago
9 months ago
7 months ago
7 months ago
7 months ago
6 months ago
10 months ago
6 months ago
10 months ago
7 months ago
10 months ago
8 months ago
6 months ago
8 months ago
9 months ago
11 months ago
11 months ago
11 months ago
12 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago