I want add multi language in my application

1

I want add multi language in my application
please help me to Make this

2

Library: https://github.com/roddeh/i18njs
in template: {{t 'word'}}
in app.js:

Template7.registerHelper('t', function (text, options) {
    return this.$app.methods.translate(text);
});

in app methods:

translate: function (text) {

            //you logic
        },

in router component:

this.$root.translate('word');
1 Like
3

Hello guys,can you post an example how i can use this code for my app;; i have a logic when clicked a Button ,i want to change the language to all pages . Thank you

4

What exactly is the problem?

5

image
image.png1571×970 94.5 KB

in app.js

Template7.registerHelper(‘t’, function (val) {
return this.$app.methods.translate(text);
});

methods: {
helloWorld: function () {
app.dialog.alert(‘Hello World!’);
},
translate: function (text) {

  return "test";
},

},

and i have this error all time : Error: Template7: Missing helper: “t”

Then i want to ask you if i could refresh all pages when i clicked to change language …

6

add helper name to template7-helpers-list.js

use Event Bus https://framework7.io/docs/events.html#events-bus

7

image
image.png715×282 11.2 KB

i have the same problem again

8

need restart “npm start”

9

app compiled successfuly but when i use {{t ‘word’}} in template i have js error

image
image.png691×921 52.5 KB

10

Can anyone help me with ,and send me a sample from multi language app , and show me the way ?
Thank you :smiley:

11

How does the work in framework7 core, and how can i set the language?

I keep getting in App.js

0:9993 Uncaught (in promise) Error: TypeError: this.$app.methods.translate is not a function
    at 0:9993