Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@tolgee/vue
Advanced tools
Tolgee is an open-source alternative to Crowdin, Phrase, or Lokalise with its very own revolutionary integrations.
Become part of the family. Join slack channel
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
npm install @tolgee/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>
<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" />
<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>
Because it saves a lot of time, you would spend on localization tasks without it. Because it enables you to provide perfectly translated software.
Read more on the Tolgee website
We welcome your PRs.
To develop the package locally:
pnpm install
pnpm develop:vue
This runs the development suite of this monorepo for the vue
integration. The changes in each dependency package are
automatically built and propagated to the test application, which you can open and play within the browser.
To run Jest tests of this package, execute
npm run test
In the /packages/vue
directory.
To run the e2e tests, simply execute
pnpm run e2e run vue
To open and play with e2e tests, run:
pnpm run e2e open vue
FAQs
Vue implementation for Tolgee localization framework
We found that @tolgee/vue demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.