Les meilleurs développeurs JavaScript freelances sont sur Codeur.com

Script 1 migration traduction

 Fermé·Moins de 500 €·1 offre·1020 vues·2 interactions


Nous recherchons un freelance pour implémenter un script simple nodejs dans le cadre de la migration de la traduction dans le code d'une application web/mobile

Les préconisations sont:

# 1. Script dispatch des traductions dans chaque fichiers .vue
## Objectif
Faire la migration de la traduction stockée dans plusieurs fichiers .js, dans leur composants (fichier .vue) respectif.

## Environnement
npm version 6.1.0
nodejs version 10.x

## exécution du script
`$node internationnalisationDispatcher.js`

## description
parcours des fichiers .vue originaux stockés dans /src/**/*
pour chaque référence de traduction trouvé dans le fichier .vue `$t("reference-traduction-1")`
Je récupère la traduction associée dans une liste de fichiers .js dans /src/internationnalisation/ et je l'insert dans un objet **locales** de ce fichier .vue (en conservant la structure)

## Exemple Fichier .vue original
```
<template>
<div>
<span>{{$t("reference-traduction-1")}}</span>
<input type="text" :placeholder="$t('fichier.reference-traduction-2')">
</div>

</template>

<script>
export default {
name:"fichier",
props:{

},
data: function(){
return {
title: this.$t("reference-traduction-3"),
}
},
methods: {
maMethod: function(){
return this.$t("reference-traduction-4");
},
},
computed: {
maComputed: function(){
return this.$t("reference-traduction-5");
},
}
}
</script>

<style lang="scss">

</style>
```
## Exemple Fichier de traduction .js (stocké dans /src/internationnalisation/)
```
export default {
"fr": {
"reference-traduction-1": "...",
"reference-traduction-3": "...",
"reference-traduction-4": "...",
"reference-traduction-5": "...",
"key1": {
"reference-traduction-2": "..."
}
},
"en": {
"reference-traduction-1": "...",
"reference-traduction-3": "...",
"key1": {
"reference-traduction-2": "..."
}
}
}
```
## Exemple Fichier .vue Final avec insertion object locales
```
<template>
<div>
<span>{{$t("reference-traduction-1")}}</span>
<input type="text" :placeholder="$t('key1.reference-traduction-2')">
</div>

</template>

<script>
export default {
name:"fichier",
props:{

},
locales: {
"fr": {
"reference-traduction-1": "...",
"reference-traduction-3": "...",
"reference-traduction-4": "...",
"reference-traduction-5": "...",
"key1": {
"reference-traduction-2": "..."
}
},
"en": {
"reference-traduction-1": "...",
"reference-traduction-3": "...",
"key1": {
"reference-traduction-2": "..."
}
}
},
data: function(){
return {
title: this.$t("reference-traduction-3"),
}
},
methods: {
maMethod: function(){
return this.$t("reference-traduction-4");
},
},
computed: {
maComputed: function(){
return this.$t("reference-traduction-5");
},
}
}
</script>

<style lang="scss">

</style>
```

Budget indicatif : Moins de 500 €

Publication : 14 février 2019 à 08h38

Profils recherchés : Développeur JavaScript freelance, Développeur Node.js freelance

Le profil du client est reservé aux prestataires abonnés

Créer un compte

1 freelance a répondu à ce projet

1 proposition de devis en moins de 2h

Publier un projet similaire

Chaque jour, des centaines de clients utilisent Codeur.com pour trouver un prestataire. Créez votre compte dès maintenant, remplissez votre profil et trouvez de nouveaux clients.

Trouver des nouveaux clients

Votre navigateur Web n’est plus à jour. Il ne permet pas d’afficher correctement le site Codeur.com.
Nous vous invitons à mettre à jour votre navigateur ou à utiliser un autre navigateur plus récent.