Безкоштовний інструмент

    Редактор та форматувальник повідомлень Vue I18n

    Створюйте та тестуйте повідомлення Vue I18n з плюралізацією через вертикальну риску, іменованими змінними {name} та зв’язками @:key.

    IntlayerICU MessageFormati18nextVue I18nGettext POБагатоформатний конвертер
    Шаблони10
    VUE-I18N Редактор
    Правильний синтаксис
    34 символів1 рядків

    Тестові змінні та попередній перегляд

    Налаштуйте змінні та змініть мову для перевірки правил CLDR

    Мова:
    Отриманий результат (en):
    Hello Lucas, welcome to Vue i18n!
    Експортувати в типізовану декларацію Intlayer
    import { type Dictionary } from 'intlayer';const convertedMessageContent = {  key: 'converted-message',  content: 'Hello {{name}}, welcome to Vue i18n!',} satisfies Dictionary;export default convertedMessageContent;
    Intlayer перевіряє переклади під час компіляції з повним автодоповненням TypeScript.

    Vue I18n Syntax Cheat Sheet

    Швидкі правила синтаксису та відповідність деклараціям Intlayer

    ФункціяСинтаксисПрикладПриміткиЕквівалент в Intlayer
    Named Formatting{variableName}Hello {name}!Single braces for named parameters{{name}}
    List Formatting{0}, {1}, ...Hello {0} and {1}Index-based positional arguments{{0}} or named variables
    Pipe Pluralizationno items | 1 item | {n} itemsno apples | 1 apple | {n} applesPipes separate 0, 1, and plural formsplural({ 0: "no apples", 1: "1 apple", other: "{{count}} apples" })
    Linked Messages@:path.to.messageHome of @:brand.nameReferences other messages in the dictionaryTypeScript object references
    Literal Interpolation{'literal'}{'hello'} {name}Single-quoted literal inside bracesLiteral strings
    Архітектура Intlayer на основі компілятора замінює складний парсинг під час виконання перевіркою типів під час компіляції.
    Екосистема Intlayer

    Більше ніколи не турбуйтеся про складний синтаксис

    Intlayer перетворює інтернаціоналізацію на приємний досвід розробки завдяки типізації під час компіляції, автоматичному вилученню та інтеграції з CMS.

    Ознайомитися з документацією IntlayerGitHub