Les meilleurs développeurs JavaScript freelances sont sur Codeur.com
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
1 freelance a répondu à ce projet
1 proposition de devis en moins de 2h
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.