ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Fix async import

This commit is contained in:
Ramon Wenger 2023-02-06 14:29:06 +01:00
parent c218904c73
commit c879c074dc
1 changed files with 42 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/components/content-blocks/CmsDocumentBlock.vue
View File

@ -6,9 +6,13 @@
</template> </template>
<script> <script>
const DocumentIcon = () => import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentIcon'); import {defineAsyncComponent} from 'vue';
export default { const DocumentIcon = defineAsyncComponent(() =>
import(/* webpackChunkName: "icons" */ '@/components/icons/DocumentIcon')
);
export default {
props: { props: {
value: Object, value: Object,
solution: { solution: {
@ -20,13 +24,13 @@ export default {
components: { components: {
DocumentIcon, DocumentIcon,
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@import '~styles/helpers'; @import '~styles/helpers';
.cms-document-block { .cms-document-block {
display: grid; display: grid;
grid-template-columns: 50px 1fr 50px; grid-template-columns: 50px 1fr 50px;
align-items: center; align-items: center;
@ -49,9 +53,10 @@ export default {
#{$parent}__link { #{$parent}__link {
color: $color-silver-dark; color: $color-silver-dark;
} }
#{$parent}__icon { #{$parent}__icon {
fill: $color-silver-dark; fill: $color-silver-dark;
} }
} }
} }
</style> </style>