翻译：Typescript装饰器，可通过其键将所有翻译集中到一个地方，等等。

<p align="center"> <img width="128" src="https://static.thenounproject.com/png/2556730-200.png"> <h1 align="center" style="margin: 0; text-align: center">@Translations Typescript Decorator</h1> </p> Typescripts decorator which helps in: - All translations in one place with its key - `Go To Definition` support - Parameterized translations - Missing translation generation for quick prototyping <p style="text-align: center; width: 100%" align="center"> <img style="max-width: 256px; border-radius: 8px; box-shadow: 0 10px 10px -5px rgba(128, 128, 128, 0.25);" src="images/goToDefinition.gif"> </p> ### Install Install dependencies with npm: ```bash npm i mustafah/translations ``` ### Import ```ts import Translations from 'translations'; ``` ### Define your languages ```ts enum Languages { Arabic, English, German, French } import { configTranslations } from 'translations'; configTranslations({ languagesEnum: Languages }); ``` ### ❤️ Add translations to your class ```ts @Component({ ... }) export class Component { @Translations() t = { HelloWorld: [ 'مرحباً بالعالم', 'Hello World', 'Hallo Welt', 'Bonjour le Monde' ] }; } ``` ### 💬 Set current language ```ts setTranslationLanguage(Languages.English); ``` <hr/> ### 😊 Parameterized translations ```ts @Translations() t: any = { WelcomeTo: (country) => [ `أهلاً بك في ${country}`, `Welcome to ${country}`, `Willkommen in ${country}`, `Bienvenue en ${country}` ], // Countries Egypt: ['مصر', 'Egypt', 'Ägypten', 'Égypte'], Germany: ['ألمانيا', 'Germany', 'Deutschland', 'Allemagne'] }; setTranslationLanguage(Languages.English); console.log(this.t.WelcomeTo(this.t.Egypt)); // Welcome to Egypt setTranslationLanguage(Languages.German); console.log(this.t.WelcomeTo(this.t.Germany)); // Willkommen in Deutschland ``` <hr/> ### 🚀 Missing translations generation <p align="center" style="text-align: center"> <img style="max-width: 256px; border-radius: 8px; box-shadow: 0 10px 10px -5px rgba(128, 128, 128, 0.25);" src="images/missingTranslations.gif"> </p>