X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FLanguage.vue;h=bdfd34176d0f9c11e1c251d370690a74060b43e3;hb=6808d7a16ec1e761c6a2dffec2281c96953e4d89;hp=ac4faa796b19de9ff43af28169f8b1fe144747d3;hpb=dcd68c4108412f45b8ce119ae80ce8f6e296800b;p=vchess.git

diff --git a/client/src/components/Language.vue b/client/src/components/Language.vue
index ac4faa79..bdfd3417 100644
--- a/client/src/components/Language.vue
+++ b/client/src/components/Language.vue
@@ -8,9 +8,9 @@ div
     };
   input#modalLang.modal(type="checkbox")
   div(role="dialog" data-checkbox="modalLang")
-    #language.card
+    .card
       label.modal-close(for="modalLang")
-      form(@change="setLanguage")
+      form(@change="setLanguage($event)")
         fieldset
           label(for="langSelect") {{ st.tr["Language"] }}
           select#langSelect
@@ -25,21 +25,20 @@ export default {
   name: "my-language",
   data: function() {
     return {
-      st: store.state,
+      st: store.state
     };
   },
   mounted: function() {
-    // TODO: better style would be in pug directly, but how?
+    // NOTE: better style would be in pug directly, but how?
     document.querySelectorAll("#langSelect > option").forEach(opt => {
-      if (opt.value == this.st.lang)
-        opt.selected = true;
+      if (opt.value == this.st.lang) opt.selected = true;
     });
   },
   methods: {
     setLanguage: function(e) {
       localStorage["lang"] = e.target.value;
       store.setLanguage(e.target.value);
-    },
-	},
+    }
+  }
 };
 </script>