@deegital/vue-3-trustup-io-translations

vue-3-trustup-io-i18n 🈲

Installation

    yarn add @deegital/vue-3-trustup-io-translations

Usage/ Exemples

In your main.ts

import { translationPlugin } from "./lib";

const app = createApp(App);

app.use(translationPlugin, { appName: import.meta.env.VITE_APP_NAME });

app.mount("#app");

It will return "Chantier"

<div class="text-2xl text-gray-600 font-thin">{{ $t("apps.worksite") }}</div>

You can use the composable and the plugin

<div>{{ $translator }}</div>

OR

import { useTranslation } from "./lib";

const translation = useTranslation();
useTranslate("key");

You can add translation from another app

useTranslation().addTranslationsByKey("worksite-admin");

You can add this script in your package.json to generate a translation file backup

"scripts": {
    "generate": "translationIo generate && nuxt generate",
  },

---

Development

./cli bootstrap #bootstrap project
./cli yarn install #install dependencies
./cli start #start project
./cli stop #stop project
./cli restart  #restart project