2018-02-09 17:52:26 -08:00
|
|
|
<template>
|
2018-09-18 16:36:06 -07:00
|
|
|
<router-view id="app" v-hotkey.global="keymap"></router-view>
|
2018-02-09 17:52:26 -08:00
|
|
|
</template>
|
2018-09-18 16:36:06 -07:00
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
|
|
|
import { url, lang } from './config';
|
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
computed: {
|
|
|
|
keymap(): any {
|
|
|
|
return {
|
2018-09-22 15:59:48 -07:00
|
|
|
'h|slash': this.help,
|
2018-09-28 08:01:11 -07:00
|
|
|
'd': this.dark
|
2018-09-18 16:36:06 -07:00
|
|
|
};
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
help() {
|
|
|
|
window.open(`${url}/docs/${lang}/keyboard-shortcut`, '_blank');
|
2018-09-22 15:59:48 -07:00
|
|
|
},
|
|
|
|
|
|
|
|
dark() {
|
2018-09-28 08:01:11 -07:00
|
|
|
this.$store.commit('device/set', {
|
|
|
|
key: 'darkmode',
|
|
|
|
value: !this.$store.state.device.darkmode
|
|
|
|
});
|
2018-09-18 16:36:06 -07:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|