This commit is contained in:
syuilo 2018-02-11 13:09:46 +09:00
parent cd5786d7fb
commit 7d6a38d455
3 changed files with 11 additions and 11 deletions

View file

@ -41,10 +41,10 @@
<div ref="left" data-place="left"> <div ref="left" data-place="left">
<template v-for="widget in leftWidgets"> <template v-for="widget in leftWidgets">
<div class="customize-container" v-if="customize" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)"> <div class="customize-container" v-if="customize" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)">
<component :is="widget.name" :widget="widget" :ref="widget.id"/> <component :is="'mk-hw-' + widget.name" :widget="widget" :ref="widget.id"/>
</div> </div>
<template v-else> <template v-else>
<component :is="widget.name" :key="widget.id" :widget="widget" :ref="widget.id"/> <component :is="'mk-hw-' + widget.name" :key="widget.id" :widget="widget" :ref="widget.id"/>
</template> </template>
</template> </template>
</div> </div>
@ -53,24 +53,24 @@
<div class="maintop" ref="maintop" data-place="main" v-if="customize"> <div class="maintop" ref="maintop" data-place="main" v-if="customize">
<template v-for="widget in centerWidgets"> <template v-for="widget in centerWidgets">
<div class="customize-container" v-if="customize" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)"> <div class="customize-container" v-if="customize" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)">
<component :is="widget.name" :widget="widget" :ref="widget.id"/> <component :is="'mk-hw-' + widget.name" :widget="widget" :ref="widget.id"/>
</div> </div>
<template v-else> <template v-else>
<component :is="widget.name" :key="widget.id" :widget="widget" :ref="widget.id"/> <component :is="'mk-hw-' + widget.name" :key="widget.id" :widget="widget" :ref="widget.id"/>
</template> </template>
</template> </template>
</div> </div>
<mk-timeline-home-widget ref="tl" @loaded="onTlLoaded" v-if="mode == 'timeline'"/> <mk-timeline ref="tl" @loaded="onTlLoaded" v-if="mode == 'timeline'"/>
<mk-mentions-home-widget ref="tl" @loaded="onTlLoaded" v-if="mode == 'mentions'"/> <mk-mentions ref="tl" @loaded="onTlLoaded" v-if="mode == 'mentions'"/>
</main> </main>
<div class="right"> <div class="right">
<div ref="right" data-place="right"> <div ref="right" data-place="right">
<template v-for="widget in rightWidgets"> <template v-for="widget in rightWidgets">
<div class="customize-container" v-if="customize" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)"> <div class="customize-container" v-if="customize" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)">
<component :is="widget.name" :widget="widget" :ref="widget.id"/> <component :is="'mk-hw-' + widget.name" :widget="widget" :ref="widget.id"/>
</div> </div>
<template v-else> <template v-else>
<component :is="widget.name" :key="widget.id" :widget="widget" :ref="widget.id"/> <component :is="'mk-hw-' + widget.name" :key="widget.id" :widget="widget" :ref="widget.id"/>
</template> </template>
</template> </template>
</div> </div>
@ -79,9 +79,9 @@
</div> </div>
</template> </template>
<script lang="typescript"> <script lang="ts">
import Vue from 'vue'; import Vue from 'vue';
import uuid from 'uuid'; import * as uuid from 'uuid';
import Sortable from 'sortablejs'; import Sortable from 'sortablejs';
export default Vue.extend({ export default Vue.extend({

View file

@ -1,6 +1,6 @@
<template> <template>
<mk-ui> <mk-ui>
<home ref="home" :mode="mode"/> <mk-home ref="home" :mode="mode"/>
</mk-ui> </mk-ui>
</template> </template>