X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2FApp.vue;h=4b8e447cb2e385fe14b313005f0a9c3d2396d5cc;hb=03608482744c433ad284f4b61e85b2e8cff4f5f3;hp=0aad59be9f8ba9695da57fd3ab6ad9a157174f01;hpb=cf2343cee5729c011770ace6d5b4f79d1ac3a2b6;p=vchess.git

diff --git a/client/src/App.vue b/client/src/App.vue
index 0aad59be..4b8e447c 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -30,8 +30,7 @@
               .clickable(onClick="doClick('modalSettings')")
                 | {{ st.tr["Settings"] }}
               .clickable#flagContainer(onClick="doClick('modalLang')")
-                img(v-if="!!st.lang"
-                  :src="require(`@/assets/images/flags/${st.lang}.svg`)")
+                img(v-if="!!st.lang" :src="flagImage")
     router-view
     .row
       .col-sm-12.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
@@ -63,6 +62,15 @@ export default {
       st: store.state,
     };
   },
+//    // TODO: $route: ...
+//    gameRef: function() {
+//      this.loadGame();
+//    },
+  computed: {
+    flagImage: function() {
+      return `/images/flags/${this.st.lang}.svg`;
+    },
+  },
 };
 </script>
 
@@ -138,6 +146,8 @@ footer
   //background-color: #000033
   font-size: 1rem
   width: 100%
+  padding-left: 0
+  padding-right: 0
   display: inline-flex
   align-items: center
   justify-content: center