projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Apply store pattern to track global app state
[vchess.git]
/
client
/
src
/
components
/
Language.vue
diff --git
a/client/src/components/Language.vue
b/client/src/components/Language.vue
index
35c717f
..
fc30562
100644
(file)
--- a/
client/src/components/Language.vue
+++ b/
client/src/components/Language.vue
@@
-12,7
+12,7
@@
div
label.modal-close(for="modalLang")
form
fieldset
label.modal-close(for="modalLang")
form
fieldset
- label(for="langSelect") {{
$
tr["Language"] }}
+ label(for="langSelect") {{
st.
tr["Language"] }}
select#langSelect
each language,langCode in langName
option(value=langCode selected=(lang==langCode))
select#langSelect
each language,langCode in langName
option(value=langCode selected=(lang==langCode))
@@
-20,13
+20,18
@@
div
</template>
<script>
</template>
<script>
+import { store } from "@/store";
export default {
export default {
- name: "Language",
+ name: "my-language",
+ data: function() {
+ return {
+ st: store.state,
+ };
+ },
methods: {
methods: {
- // Used both on index and variant page, to switch language
setLanguage: function(e) {
localStorage["lang"] = e.target.value;
setLanguage: function(e) {
localStorage["lang"] = e.target.value;
-
this.$lang = e.target.value
;
+
store.setLanguage(e.target.value)
;
},
},
};
},
},
};