Traduire une application Vue en allemand (fichiers vue-i18n)

Ce que l’allemand change dans une interface Vue

L’allemand allonge les chaînes et fabrique des mots composés qui ne se coupent pas à l’espace. « Enregistrer » devient Speichern, mais « Paramètres du compte » devient Kontoeinstellungen, un seul bloc de dix-huit lettres dans un bouton ou un onglet. Comptez 20 à 35 % de texte en plus par rapport à l’anglais, et bien davantage sur les libellés de deux ou trois mots.

• Majuscule à tous les noms : un text-transform: lowercase ou capitalize appliqué en CSS à vos menus fausse l’orthographe allemande. Retirez-le pour la locale de.
• Registre : le vouvoiement Sie est la règle en contexte professionnel, mais beaucoup d’applications grand public tutoient (du). Le mélange Melden Sie sich an sur un écran et Speichere deine Änderungen sur l’autre se remarque tout de suite.
• Ponctuation : pas d’espace avant le point d’interrogation ni les deux-points (Passwort vergessen?), guillemets „…“.
• Ordre des mots : le participe part en fin de proposition, {count} fichiers supprimés devient {count} Dateien gelöscht. Une phrase assemblée dans le code par $t('a') + nom + $t('b') ne pourra pas suivre cet ordre ; une seule chaîne avec variable, si.

Pluriels vue-i18n en allemand : deux catégories et le piège du zéro

L’allemand n’a que deux catégories de pluriel CLDR : one et other. La différence avec le français tient au zéro : en français, 0 se range avec le singulier (« 0 fichier ») ; en allemand, avec le pluriel (0 Dateien).

• Avec deux formes, 1 Datei | {count} Dateien, la règle par défaut de vue-i18n envoie 0 vers la seconde forme, ce qui convient à l’allemand.
• Si votre projet déclare des pluralRules personnalisées pour fr afin de traiter 0 comme un singulier, ne les réutilisez pas pour de.
• Avec trois formes (zéro | un | plusieurs), le nombre de segments reste le même : aucun fichier | un fichier | {count} fichiers devient keine Dateien | eine Datei | {count} Dateien. Manuce conserve les formes séparées par | ; il ne les fusionne pas et n’en ajoute pas.

Autre piège propre à l’allemand : le genre se répercute sur l’adjectif et l’article. Une clé générique Nouveau {item} ne peut pas s’accorder, car on dit Neue Datei mais Neuer Ordner. Prévoyez des clés distinctes avant traduction.

Ce que Manuce rend, et ce qu’il ne fait pas

Vous recevez le même fichier JSON, prêt à remettre dans src/locales ou l’équivalent de votre projet :

• indentation, ordre des clés, guillemets, commentaires, fins de ligne, encodage et BOM conservés ; seules les valeurs changent ;
• interpolations {name} et formes plurielles séparées par | conservées ;
• chaque valeur traduite comparée à la source (variables, balises) : si {count} manque dans la version allemande et que l’écart persiste, la valeur source est gardée et le rapport le signale ;
• non traduits : clés, valeurs vides, URL, adresses email, nombres, couleurs, formats de date, identifiants et tout ce qui est marqué non traduisible.

Le rapport indique les chaînes traduites et celles laissées telles quelles, avec la raison. Le prix porte sur les mots des valeurs ; clés et balises ne sont pas comptées.

Manuce ne touche pas à votre code : ni aux textes écrits en dur dans les gabarits .vue, ni à la configuration numberFormats ou datetimeFormats, ni à la largeur de vos composants. Il ne produit pas non plus de traduction assermentée : si l’application affiche des conditions générales, un Impressum ou une Datenschutzerklärung destinés au public allemand, faites-les relire par un juriste.

Préparer le fichier et vérifier l’allemand dans l’application

Avant le dépôt :

• partez d’un seul fichier source complet (fr.json ou en.json) ; si vos messages sont dans des blocs <i18n> ou en YAML, regroupez-les d’abord en JSON ;
• remplacez les concaténations par des chaînes avec variables ;
• dans vue-i18n 9 et suivants, le caractère @ sert aux messages liés : une adresse dans une valeur s’écrit contact{'@'}exemple.de ;
• marquez comme non traduisibles les noms de produits et les termes que vous voulez garder.

Après livraison :

• déclarez lang="de" sur la balise html quand la locale change ; c’est la condition pour que hyphens: auto coupe Kontoeinstellungen proprement ;
• parcourez boutons, onglets, menus et notifications en largeur mobile ;
• vérifiez que montants et dates passent par $n et $d en de-DE : 1.234,56 €, 31.12.2025 ;
• lisez le rapport et traitez les chaînes restées dans la langue source.

En pratique

1. Rassemblez les messages de votre application Vue dans un fichier JSON source complet.
2. Déposez-le : le devis s’affiche au nombre exact de mots des valeurs, et l’extrait gratuit montre l’allemand obtenu, registre compris.
3. Payez, puis téléchargez de.json et le rapport depuis votre espace client.
4. Ajoutez de.json aux messages de createI18n, passez lang="de" sur la page et testez les écrans en largeur mobile.