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

Use v-slot instead of slot

Browse source
This commit is contained in:
syuilo 2019-02-18 09:48:00 +09:00
parent ba1492f977
commit 54d40420ad
No known key found for this signature in database
GPG key ID: BDC4C49D06AB9D69
96 changed files with 291 additions and 283 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/client/app/desktop/views/home/search.vue
View file

@ -1,9 +1,11 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="inited">
<header slot="header" class="oxgbmvii">
<span><fa icon="search"/> {{ q }}</span>
</header>
<template v-slot:header>
<header class="oxgbmvii">
<span><fa icon="search"/> {{ q }}</span>
</header>
</template>
</mk-notes>
</div>
</template>

8
src/client/app/desktop/views/home/tag.vue
View file

@ -1,9 +1,11 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="inited">
<header class="wqraeznr" slot="header">
<span><fa icon="hashtag"/> {{ $route.params.tag }}</span>
</header>
<template v-slot:header>
<header class="wqraeznr">
<span><fa icon="hashtag"/> {{ $route.params.tag }}</span>
</header>
</template>
</mk-notes>
</div>
</template>

6
src/client/app/desktop/views/home/timeline.core.vue
View file

@ -6,12 +6,12 @@
</div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<template slot="header">
<template v-slot:header>
<slot></slot>
</template>
<p slot="empty">
<template v-slot:empty>
<fa :icon="['far', 'comments']"/>{{ $t('empty') }}
</p>
</template>
</mk-notes>
</div>
</template>

2
src/client/app/desktop/views/home/user/user.home.vue
View file

@ -5,7 +5,7 @@
<!--<mk-calendar @chosen="warp" :start="new Date(user.createdAt)"/>-->
<div class="activity">
<ui-container :body-togglable="true">
<template slot="header"><fa icon="chart-bar"/>{{ $t('activity') }}</template>
<template v-slot:header><fa icon="chart-bar"/>{{ $t('activity') }}</template>
<x-activity :user="user" :limit="35" style="padding: 16px;"/>
</ui-container>
</div>

2
src/client/app/desktop/views/home/user/user.photos.vue
View file

@ -1,6 +1,6 @@
<template>
<ui-container :body-togglable="true">
<span slot="header"><fa icon="camera"/> {{ $t('title') }}</span>
<template v-slot:header><fa icon="camera"/> {{ $t('title') }}</template>
<div class="dzsuvbsrrrwobdxifudxuefculdfiaxd">
<p class="initializing" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('loading') }}<mk-ellipsis/></p>

16
src/client/app/desktop/views/home/user/user.timeline.vue
View file

@ -1,13 +1,15 @@
<template>
<div>
<mk-notes ref="timeline" :make-promise="makePromise" @inited="() => $emit('loaded')">
<header slot="header" class="oh5y2r7l5lx8j6jj791ykeiwgihheguk">
<span :data-active="mode == 'default'" @click="mode = 'default'"><fa :icon="['far', 'comment-alt']"/> {{ $t('default') }}</span>
<span :data-active="mode == 'with-replies'" @click="mode = 'with-replies'"><fa icon="comments"/> {{ $t('with-replies') }}</span>
<span :data-active="mode == 'with-media'" @click="mode = 'with-media'"><fa :icon="['far', 'images']"/> {{ $t('with-media') }}</span>
<span :data-active="mode == 'my-posts'" @click="mode = 'my-posts'"><fa icon="user"/> {{ $t('my-posts') }}</span>
</header>
<p class="empty" slot="empty"><fa :icon="['far', 'comments']"/>{{ $t('empty') }}</p>
<template v-slot:header>
<header class="oh5y2r7l5lx8j6jj791ykeiwgihheguk">
<span :data-active="mode == 'default'" @click="mode = 'default'"><fa :icon="['far', 'comment-alt']"/> {{ $t('default') }}</span>
<span :data-active="mode == 'with-replies'" @click="mode = 'with-replies'"><fa icon="comments"/> {{ $t('with-replies') }}</span>
<span :data-active="mode == 'with-media'" @click="mode = 'with-media'"><fa :icon="['far', 'images']"/> {{ $t('with-media') }}</span>
<span :data-active="mode == 'my-posts'" @click="mode = 'my-posts'"><fa icon="user"/> {{ $t('my-posts') }}</span>
</header>
</template>
<template v-slot:empty><fa :icon="['far', 'comments']"/>{{ $t('empty') }}</template>
</mk-notes>
</div>
</template>