ページのセクション内などが表示されない問題を修正 (#6746)

This commit is contained in:
takonomura 2020-10-19 09:30:21 +09:00 committed by GitHub
parent 059aeef6a0
commit fe453c15e3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 20 deletions

View file

@ -5,9 +5,12 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent, defineAsyncComponent } from 'vue';
export default defineComponent({ export default defineComponent({
components: {
XBlock: defineAsyncComponent(() => import('./page.block.vue'))
},
props: { props: {
value: { value: {
required: true required: true
@ -22,8 +25,5 @@ export default defineComponent({
required: true required: true
} }
}, },
beforeCreate() {
this.$options.components.XBlock = require('./page.block.vue').default;
},
}); });
</script> </script>

View file

@ -9,10 +9,13 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent, defineAsyncComponent } from 'vue';
import * as os from '@/os'; import * as os from '@/os';
export default defineComponent({ export default defineComponent({
components: {
XBlock: defineAsyncComponent(() => import('./page.block.vue'))
},
props: { props: {
value: { value: {
required: true required: true
@ -27,9 +30,6 @@ export default defineComponent({
required: true required: true
} }
}, },
beforeCreate() {
this.$options.components.XBlock = require('./page.block.vue').default;
},
}); });
</script> </script>

View file

@ -25,7 +25,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent, defineAsyncComponent } from 'vue';
import { v4 as uuid } from 'uuid'; import { v4 as uuid } from 'uuid';
import { faPlus, faQuestion } from '@fortawesome/free-solid-svg-icons'; import { faPlus, faQuestion } from '@fortawesome/free-solid-svg-icons';
import XContainer from '../page-editor.container.vue'; import XContainer from '../page-editor.container.vue';
@ -34,7 +34,8 @@ import * as os from '@/os';
export default defineComponent({ export default defineComponent({
components: { components: {
XContainer, MkSelect XContainer, MkSelect,
XBlocks: defineAsyncComponent(() => import('../page-editor.blocks.vue')),
}, },
inject: ['getPageBlockList'], inject: ['getPageBlockList'],
@ -54,10 +55,6 @@ export default defineComponent({
}; };
}, },
beforeCreate() {
this.$options.components.XBlocks = require('../page-editor.blocks.vue').default
},
created() { created() {
if (this.value.children == null) this.value.children = []; if (this.value.children == null) this.value.children = [];
if (this.value.var === undefined) this.value.var = null; if (this.value.var === undefined) this.value.var = null;

View file

@ -17,7 +17,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent, defineAsyncComponent } from 'vue';
import { v4 as uuid } from 'uuid'; import { v4 as uuid } from 'uuid';
import { faPlus, faPencilAlt } from '@fortawesome/free-solid-svg-icons'; import { faPlus, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
import { faStickyNote } from '@fortawesome/free-regular-svg-icons'; import { faStickyNote } from '@fortawesome/free-regular-svg-icons';
@ -26,7 +26,8 @@ import * as os from '@/os';
export default defineComponent({ export default defineComponent({
components: { components: {
XContainer XContainer,
XBlocks: defineAsyncComponent(() => import('../page-editor.blocks.vue')),
}, },
inject: ['getPageBlockList'], inject: ['getPageBlockList'],
@ -46,10 +47,6 @@ export default defineComponent({
}; };
}, },
beforeCreate() {
this.$options.components.XBlocks = require('../page-editor.blocks.vue').default
},
created() { created() {
if (this.value.title == null) this.value.title = null; if (this.value.title == null) this.value.title = null;
if (this.value.children == null) this.value.children = []; if (this.value.children == null) this.value.children = [];