Ferramenta Gratuita

    Editor e Formatador de Mensagens Vue I18n

    Crie e teste mensagens do Vue I18n com pluralização por barra vertical (0 | 1 | outro), formatação nomeada e mensagens vinculadas.

    Modelos10
    VUE-I18N Editor
    Sintaxe válida
    34 caracteres1 linhas

    Variáveis de teste e visualização ao vivo

    Ajuste variáveis e mude de idioma para verificar regras CLDR

    Idioma:
    Resultado gerado (en):
    Hello Lucas, welcome to Vue i18n!
    Exportar para declaração com segurança de tipos do Intlayer
    import { type Dictionary } from 'intlayer';const convertedMessageContent = {  key: 'converted-message',  content: 'Hello {{name}}, welcome to Vue i18n!',} satisfies Dictionary;export default convertedMessageContent;
    O Intlayer valida traduções em tempo de compilação com autocompletar TypeScript completo.

    Vue I18n Syntax Cheat Sheet

    Regras de sintaxe rápidas e como cada padrão mapeia para o Intlayer

    RecursoSintaxeExemploNotasEquivalente no 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
    A arquitetura orientada por compilador do Intlayer substitui a análise em tempo de execução pela segurança de tipos na compilação.
    Ecossistema Intlayer

    Nunca mais se preocupe com sintaxes complexas

    O Intlayer transforma a internacionalização em uma experiência agradável com segurança de tipos em tempo de compilação, extração automática e CMS integrado.