Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[Client] Use dynamic import to reduce bundle size

Browse source
This commit is contained in:
syuilo 2018-11-06 15:37:41 +09:00
parent fb8af53751
commit 6d67cd07a0
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
4 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/client/app/desktop/views/components/game-window.vue
View file

@ -1,7 +1,7 @@
<template>
<mk-window ref="window" width="500px" height="560px" :popout-url="popout" @closed="destroyDom">
<span slot="header" :class="$style.header"><fa icon="gamepad"/>%i18n:@game%</span>
<mk-reversi :class="$style.content" @gamed="g => game = g"/>
<x-reversi :class="$style.content" @gamed="g => game = g"/>
</mk-window>
</template>
@ -10,6 +10,9 @@ import Vue from 'vue';
import { url } from '../../../config';
export default Vue.extend({
components: {
XReversi: () => import('../../../common/views/components/games/reversi/reversi.vue')
},
data() {
return {
game: null

5
src/client/app/desktop/views/pages/games/reversi.vue
View file

@ -1,6 +1,6 @@
<template>
<component :is="ui ? 'mk-ui' : 'div'">
<mk-reversi :game-id="$route.params.game" @nav="nav" :self-nav="false"/>
<x-reversi :game-id="$route.params.game" @nav="nav" :self-nav="false"/>
</component>
</template>
@ -8,6 +8,9 @@
import Vue from 'vue';
export default Vue.extend({
components: {
XReversi: () => import('../../../../common/views/components/games/reversi/reversi.vue')
},
props: {
ui: {
default: false