Better site presentation (especially for languages settings)

[vchess.git] / client / src / components / Language.vue

diff --git a/client/src/components/Language.vue b/client/src/components/Language.vue
deleted file mode 100644 (file)
index f49a592..0000000
--- a/client/src/components/Language.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template lang="pug">
-div
-  -
-    var langName = {
-      "en": "English",
-      "es": "Español",
-      "fr": "Français",
-    };
-  input#modalLang.modal(type="checkbox")
-  div(
-    role="dialog"
-    data-checkbox="modalLang"
-  )
-    .card
-      label.modal-close(for="modalLang")
-      fieldset(@change="setLanguage($event)")
-        label(for="langSelect") {{ st.tr["Language"] }}
-        select#langSelect
-          each language,langCode in langName
-            option(value=langCode)
-              =language
-</template>
-
-<script>
-import { store } from "@/store";
-export default {
-  name: "my-language",
-  data: function() {
-    return {
-      st: store.state
-    };
-  },
-  mounted: function() {
-    // 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;
-    });
-  },
-  methods: {
-    setLanguage: function(e) {
-      localStorage["lang"] = e.target.value;
-      store.setLanguage(e.target.value);
-    }
-  }
-};
-</script>