i18n in UI

src/assets/javascripts/app.js

@@ -214,6 +214,7 @@ var vm = new Vue({
       vm.feed_errors = errors
     })
     this.updateMetaTheme(app.settings.theme_name)
+    this.$setLang(app.settings.language)
   },
   data: function() {
     var s = app.settings
@@ -271,6 +272,12 @@ var vm = new Vue({
         { title: "12h", value: 720 },
         { title: "24h", value: 1440 },
       ],
+
+      'language': s.language,
+      'languages': [
+        {code: 'en', name: 'English' },
+        {code: 'zh', name: '简体中文'},
+      ]
     }
   },
   computed: {
@@ -836,6 +843,11 @@ var vm = new Vue({
         && !this.filteredFeedStats[feed.id]
         && (!this.itemSelectedDetails || this.itemSelectedDetails.feed_id != feed.id)
     },
+    changeLanguage(lang) {
+      this.$setLang(lang)
+      this.language = lang
+      api.settings.update({language: lang})
+    }
   }
 })
 

src/assets/javascripts/i18n.js

@@ -280,12 +280,11 @@
       "en": "Password",
       "zh": "密码"
     },
-    "language": {
-      "en": "Language",
-      "zh": "语言"
-    }
   };
   class i18n {
+    constructor() {
+      this.lang = 'en'
+    }
     setLang(lang) {
       this.lang = lang
     }