mizzkey/src/client/app/mobile/views/pages/games/reversi.vue

28 lines
670 B
Vue
Raw Normal View History

2018-08-03 15:34:58 +02:00
<template>
<mk-ui>
2018-09-19 07:18:34 +02:00
<span slot="header"><span style="margin-right:4px;">%fa:gamepad%</span>%i18n:@reversi%</span>
2018-08-05 06:40:26 +02:00
<mk-reversi :game-id="$route.params.game" @nav="nav" :self-nav="false"/>
2018-08-03 15:34:58 +02:00
</mk-ui>
</template>
<script lang="ts">
import Vue from 'vue';
export default Vue.extend({
mounted() {
2018-08-19 14:07:18 +02:00
document.title = `${(this as any).os.instanceName} %i18n:@reversi%`;
2018-08-03 15:34:58 +02:00
document.documentElement.style.background = '#fff';
},
methods: {
2018-08-05 06:40:26 +02:00
nav(game, actualNav) {
if (actualNav) {
2018-09-01 16:12:51 +02:00
this.$router.push(`/reversi/${game.id}`);
2018-08-05 06:40:26 +02:00
} else {
// TODO: https://github.com/vuejs/vue-router/issues/703
2018-09-01 16:12:51 +02:00
this.$router.push(`/reversi/${game.id}`);
2018-08-05 06:40:26 +02:00
}
2018-08-03 15:34:58 +02:00
}
}
});
</script>