<template>
<mk-ui>
	<mk-home :mode="mode" @loaded="loaded" ref="home" v-hotkey.global="keymap"/>
</mk-ui>
</template>

<script lang="ts">
import Vue from 'vue';
import Progress from '../../../common/scripts/loading';

export default Vue.extend({
	props: {
		mode: {
			type: String,
			default: 'timeline'
		}
	},
	computed: {
		keymap(): any {
			return {
				't': this.focus
			};
		}
	},
	mounted() {
		document.title = this.$root.instanceName;

		Progress.start();
	},
	methods: {
		loaded() {
			Progress.done();
		},
		focus() {
			this.$refs.home.focus();
		}
	}
});
</script>
