diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2019-02-18 09:48:00 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2019-02-18 09:48:00 +0900 |
| commit | 54d40420ada996e844eed231117619928e130fce (patch) | |
| tree | 9783220c2d3d75283a63b2ee77d1fca26dcf2a01 /src/client/app/desktop/views/widgets | |
| parent | Refactor client (#4307) (diff) | |
| download | misskey-54d40420ada996e844eed231117619928e130fce.tar.gz misskey-54d40420ada996e844eed231117619928e130fce.tar.bz2 misskey-54d40420ada996e844eed231117619928e130fce.zip | |
Use v-slot instead of slot
Diffstat (limited to 'src/client/app/desktop/views/widgets')
6 files changed, 21 insertions, 17 deletions
diff --git a/src/client/app/desktop/views/widgets/messaging.vue b/src/client/app/desktop/views/widgets/messaging.vue index 3e1a650171..7c51352266 100644 --- a/src/client/app/desktop/views/widgets/messaging.vue +++ b/src/client/app/desktop/views/widgets/messaging.vue @@ -1,8 +1,8 @@ <template> <div class="mkw-messaging"> <ui-container :show-header="props.design == 0"> - <template slot="header"><fa icon="comments"/>{{ $t('title') }}</template> - <button slot="func" @click="add"><fa icon="plus"/></button> + <template v-slot:header><fa icon="comments"/>{{ $t('title') }}</template> + <template v-slot:func><button @click="add"><fa icon="plus"/></button></template> <x-messaging ref="index" compact @navigate="navigate"/> </ui-container> diff --git a/src/client/app/desktop/views/widgets/notifications.vue b/src/client/app/desktop/views/widgets/notifications.vue index c9655efb2f..6e124498bc 100644 --- a/src/client/app/desktop/views/widgets/notifications.vue +++ b/src/client/app/desktop/views/widgets/notifications.vue @@ -1,8 +1,8 @@ <template> <div class="mkw-notifications"> <ui-container :show-header="!props.compact"> - <template slot="header"><fa :icon="['far', 'bell']"/>{{ $t('title') }}</template> - <!-- <button slot="func" :title="$t('title')" @click="settings"><fa icon="cog"/></button> --> + <template v-slot:header><fa :icon="['far', 'bell']"/>{{ $t('title') }}</template> + <!-- <button v-slot:func :title="$t('title')" @click="settings"><fa icon="cog"/></button> --> <mk-notifications :class="$style.notifications"/> </ui-container> diff --git a/src/client/app/desktop/views/widgets/polls.vue b/src/client/app/desktop/views/widgets/polls.vue index b809238406..3b34a1ca03 100644 --- a/src/client/app/desktop/views/widgets/polls.vue +++ b/src/client/app/desktop/views/widgets/polls.vue @@ -1,11 +1,13 @@ <template> <div class="mkw-polls"> <ui-container :show-header="!props.compact"> - <template slot="header"><fa icon="chart-pie"/>{{ $t('title') }}</template> - <button slot="func" :title="$t('title')" @click="fetch"> - <fa v-if="!fetching && more" icon="arrow-right"/> - <fa v-if="!fetching && !more" icon="sync"/> - </button> + <template v-slot:header><fa icon="chart-pie"/>{{ $t('title') }}</template> + <template v-slot:func> + <button :title="$t('title')" @click="fetch"> + <fa v-if="!fetching && more" icon="arrow-right"/> + <fa v-if="!fetching && !more" icon="sync"/> + </button> + </template> <div class="mkw-polls--body"> <div class="poll" v-if="!fetching && poll != null"> diff --git a/src/client/app/desktop/views/widgets/post-form.vue b/src/client/app/desktop/views/widgets/post-form.vue index b455509a21..856f66134e 100644 --- a/src/client/app/desktop/views/widgets/post-form.vue +++ b/src/client/app/desktop/views/widgets/post-form.vue @@ -1,7 +1,7 @@ <template> <div> <ui-container :show-header="props.design == 0"> - <template slot="header"><fa icon="pencil-alt"/>{{ $t('title') }}</template> + <template v-slot:header><fa icon="pencil-alt"/>{{ $t('title') }}</template> <div class="lhcuptdmcdkfwmipgazeawoiuxpzaclc-body" @dragover.stop="onDragover" diff --git a/src/client/app/desktop/views/widgets/trends.vue b/src/client/app/desktop/views/widgets/trends.vue index 561b58024c..0bcdff607a 100644 --- a/src/client/app/desktop/views/widgets/trends.vue +++ b/src/client/app/desktop/views/widgets/trends.vue @@ -1,8 +1,8 @@ <template> <div class="mkw-trends"> <ui-container :show-header="!props.compact"> - <template slot="header"><fa icon="fire"/>{{ $t('title') }}</template> - <button slot="func" :title="$t('title')" @click="fetch"><fa icon="sync"/></button> + <template v-slot:header><fa icon="fire"/>{{ $t('title') }}</template> + <template v-slot:func><button :title="$t('title')" @click="fetch"><fa icon="sync"/></button></template> <div class="mkw-trends--body"> <p class="fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p> diff --git a/src/client/app/desktop/views/widgets/users.vue b/src/client/app/desktop/views/widgets/users.vue index c92334beaa..3f4c83b843 100644 --- a/src/client/app/desktop/views/widgets/users.vue +++ b/src/client/app/desktop/views/widgets/users.vue @@ -1,11 +1,13 @@ <template> <div class="mkw-users"> <ui-container :show-header="!props.compact"> - <template slot="header"><fa icon="users"/>{{ $t('title') }}</template> - <button slot="func" :title="$t('title')" @click="refresh"> - <fa v-if="!fetching && more" icon="arrow-right"/> - <fa v-if="!fetching && !more" icon="sync"/> - </button> + <template v-slot:header><fa icon="users"/>{{ $t('title') }}</template> + <template v-slot:func> + <button :title="$t('title')" @click="refresh"> + <fa v-if="!fetching && more" icon="arrow-right"/> + <fa v-if="!fetching && !more" icon="sync"/> + </button> + </template> <div class="mkw-users--body"> <p class="fetching" v-if="fetching"><fa icon="spinner" pulse fixed-width/>{{ $t('@.loading') }}<mk-ellipsis/></p> |