Client now running. Toward fully 1-page (with filters for variants)

[vchess.git] / client / src / main.js

diff --git a/client/src/main.js b/client/src/main.js
index c48985d..6651700 100644 (file)
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -12,28 +12,31 @@ new Vue({
   render: function(h) {
     return h(App);
   },
-  watch: {
-    $lang: async function(newLang) {
-      // Fill modalWelcome, and import translations from "./translations/$lang.js"
-      document.getElementById("modalWelcome").innerHTML =
-        require("raw-loader!pug-plain-loader!./modals/welcome/" + newLang + ".pug");
-      const tModule = await import("./translations/" + newLang + ".js");
-      Vue.prototype.$tr = tModule.translations;
-      //console.log(tModule.translations);
-    },
-    $route: function(newRoute) {
-      console.log(this.$route.params);
-      //TODO: conn.send("enter", newRoute)
-    },
-  },
+//  watch: {
+//    $lang: async function(newLang) {
+//      // Fill modalWelcome, and import translations from "./translations/$lang.js"
+//      document.getElementById("modalWelcome").innerHTML =
+//        require("raw-loader!pug-plain-loader!./modals/welcome/" + newLang + ".pug");
+//      const tModule = await import("./translations/" + newLang + ".js");
+//      Vue.prototype.$tr = tModule.translations;
+//      //console.log(tModule.translations);
+//    },
+//    $route: function(newRoute) {
+//      //console.log(this.$route.params);
+//      console.log("navig to " + newRoute);
+//      //TODO: conn.send("enter", newRoute)
+//    },
+//  },
        created: function() {
     const supportedLangs = ["en","es","fr"];
     Vue.prototype.$lang = localStorage["lang"] ||
       supportedLangs.includes(navigator.language)
         ? navigator.language
         : "en";
+               Vue.prototype.$variants = []; //avoid runtime error
                ajax("/variants", "GET", res => { Vue.prototype.$variants = res.variantArray; });
     Vue.prototype.$tr = {}; //to avoid a compiler error
+               Vue.prototype.$user = {}; //TODO: from storage
                // TODO: if there is a socket ID in localStorage, it means a live game was interrupted (and should resume)
                const myid = localStorage["myid"] || util.getRandString();
                // NOTE: in this version, we don't say on which page we are, yet