Fix async import
This commit is contained in:
parent
c218904c73
commit
c879c074dc
|
|
@ -6,9 +6,13 @@
|
|||
</template>
|
||||
|
||||
<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: {
|
||||
value: Object,
|
||||
solution: {
|
||||
|
|
@ -20,13 +24,13 @@ export default {
|
|||
components: {
|
||||
DocumentIcon,
|
||||
},
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@import '~styles/helpers';
|
||||
@import '~styles/helpers';
|
||||
|
||||
.cms-document-block {
|
||||
.cms-document-block {
|
||||
display: grid;
|
||||
grid-template-columns: 50px 1fr 50px;
|
||||
align-items: center;
|
||||
|
|
@ -49,9 +53,10 @@ export default {
|
|||
#{$parent}__link {
|
||||
color: $color-silver-dark;
|
||||
}
|
||||
|
||||
#{$parent}__icon {
|
||||
fill: $color-silver-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue