From 3cc2049fb3985bf141bc74d410764bbb802caa50 Mon Sep 17 00:00:00 2001 From: syuilo <syuilotan@yahoo.co.jp> Date: Tue, 21 May 2019 03:45:07 +0900 Subject: [PATCH] Reduce initial bundle size --- src/client/app/common/views/components/index.ts | 2 -- src/client/app/common/views/components/poll-editor.vue | 4 ++-- src/client/app/desktop/views/components/post-form.vue | 7 ++++--- src/client/app/mobile/views/components/post-form.vue | 5 +++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/client/app/common/views/components/index.ts b/src/client/app/common/views/components/index.ts index 174fa36c00..65e689c896 100644 --- a/src/client/app/common/views/components/index.ts +++ b/src/client/app/common/views/components/index.ts @@ -21,7 +21,6 @@ import avatar from './avatar.vue'; import nav from './nav.vue'; import misskeyFlavoredMarkdown from './misskey-flavored-markdown.vue'; import poll from './poll.vue'; -import pollEditor from './poll-editor.vue'; import reactionIcon from './reaction-icon.vue'; import reactionsViewer from './reactions-viewer.vue'; import time from './time.vue'; @@ -70,7 +69,6 @@ Vue.component('mk-acct', acct); Vue.component('mk-avatar', avatar); Vue.component('mk-nav', nav); Vue.component('mk-poll', poll); -Vue.component('mk-poll-editor', pollEditor); Vue.component('mk-reaction-icon', reactionIcon); Vue.component('mk-reactions-viewer', reactionsViewer); Vue.component('mk-time', time); diff --git a/src/client/app/common/views/components/poll-editor.vue b/src/client/app/common/views/components/poll-editor.vue index 88d7311f5c..ed1d02aa2c 100644 --- a/src/client/app/common/views/components/poll-editor.vue +++ b/src/client/app/common/views/components/poll-editor.vue @@ -1,5 +1,5 @@ <template> -<div class="mk-poll-editor"> +<div class="zmdxowus"> <p class="caution" v-if="choices.length < 2"> <fa icon="exclamation-triangle"/>{{ $t('no-only-one-choice') }} </p> @@ -134,7 +134,7 @@ export default Vue.extend({ </script> <style lang="stylus" scoped> -.mk-poll-editor +.zmdxowus padding 8px > .caution diff --git a/src/client/app/desktop/views/components/post-form.vue b/src/client/app/desktop/views/components/post-form.vue index 0307ff305e..e0e2db1708 100644 --- a/src/client/app/desktop/views/components/post-form.vue +++ b/src/client/app/desktop/views/components/post-form.vue @@ -28,7 +28,7 @@ <fa :icon="['far', 'laugh']"/> </button> <x-post-form-attaches class="files" :class="{ with: poll }" :files="files"/> - <mk-poll-editor v-if="poll" ref="poll" @destroyed="poll = false" @updated="onPollUpdate()"/> + <x-poll-editor class="poll-editor" v-if="poll" ref="poll" @destroyed="poll = false" @updated="onPollUpdate()"/> </div> </div> <mk-uploader ref="uploader" @uploaded="attachMedia" @change="onChangeUploadings"/> @@ -72,7 +72,8 @@ export default Vue.extend({ components: { MkVisibilityChooser, - XPostFormAttaches + XPostFormAttaches, + XPollEditor: () => import('../../../common/views/components/poll-editor.vue').then(m => m.default) }, props: { @@ -617,7 +618,7 @@ export default Vue.extend({ border-bottom solid 1px var(--primaryAlpha01) !important border-radius 0 - > .mk-poll-editor + > .poll-editor background var(--desktopPostFormTextareaBg) border solid 1px var(--primaryAlpha01) border-top none diff --git a/src/client/app/mobile/views/components/post-form.vue b/src/client/app/mobile/views/components/post-form.vue index 326ff57c1f..3297dad277 100644 --- a/src/client/app/mobile/views/components/post-form.vue +++ b/src/client/app/mobile/views/components/post-form.vue @@ -22,7 +22,7 @@ <input v-show="useCw" ref="cw" v-model="cw" :placeholder="$t('annotations')" v-autocomplete="{ model: 'cw' }"> <textarea v-model="text" ref="text" :disabled="posting" :placeholder="placeholder" v-autocomplete="{ model: 'text' }"></textarea> <x-post-form-attaches class="attaches" :files="files"/> - <mk-poll-editor v-if="poll" ref="poll" @destroyed="poll = false" @updated="onPollUpdate()"/> + <x-poll-editor v-if="poll" ref="poll" @destroyed="poll = false" @updated="onPollUpdate()"/> <mk-uploader ref="uploader" @uploaded="attachMedia" @change="onChangeUploadings"/> <footer> <button class="upload" @click="chooseFile"><fa icon="upload"/></button> @@ -64,7 +64,8 @@ import XPostFormAttaches from '../../../common/views/components/post-form-attach export default Vue.extend({ i18n: i18n('mobile/views/components/post-form.vue'), components: { - XPostFormAttaches + XPostFormAttaches, + XPollEditor: () => import('../../../common/views/components/poll-editor.vue').then(m => m.default) }, props: {