Skip to main content

Tolgee for Vue provides simple API to create multi-lingual Vue application. With Tolgee i18n library for Vue you can enjoy all Tolgee i18n features.

To see Vue with Tolgee in action, check this example app.

npm i @tolgee/vue

Get started!

1. Create project in Tolgee platform

Go to Tolgee Cloud app or access your self-hosted instance and create a project. Then obtain your API key.

2. Setup Tolgee integration

Install the npm packages.

npm i @tolgee/vue

Then wrap your code with TolgeeProvider

<template>
<TolgeeProvider :config="config">
<YourApp />
</TolgeeProvider>
</template>

<script>

export default {
data() {
return {
config: {
apiUrl: 'https://app.tolgee.io',
apiKey: '<your api key>',
},
};
},
};
</script>

3. Use T component to translate your texts

<template>
<T keyName="translation_key" defaultValue="Translate me!" />
</template>

Now you are able to Alt + Click & translate your texts!

More integrations

Show all