2018-02-10 02:52:26 +01:00
|
|
|
<template>
|
2018-09-19 01:36:06 +02:00
|
|
|
<router-view id="app" v-hotkey.global="keymap"></router-view>
|
2018-02-10 02:52:26 +01:00
|
|
|
</template>
|
2018-09-19 01:36:06 +02:00
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import Vue from 'vue';
|
|
|
|
import { url, lang } from './config';
|
2018-09-26 11:59:37 +02:00
|
|
|
import applyTheme from './common/scripts/theme';
|
2018-09-26 12:14:11 +02:00
|
|
|
const darkTheme = require('../theme/dark');
|
2018-09-19 01:36:06 +02:00
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
computed: {
|
|
|
|
keymap(): any {
|
|
|
|
return {
|
2018-09-23 00:59:48 +02:00
|
|
|
'h|slash': this.help,
|
|
|
|
'd': this.dark
|
2018-09-19 01:36:06 +02:00
|
|
|
};
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
help() {
|
|
|
|
window.open(`${url}/docs/${lang}/keyboard-shortcut`, '_blank');
|
2018-09-23 00:59:48 +02:00
|
|
|
},
|
|
|
|
|
|
|
|
dark() {
|
2018-09-26 11:59:37 +02:00
|
|
|
applyTheme(darkTheme);
|
2018-09-19 01:36:06 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
</script>
|