defiant · November 26, 2019 11:36
diff --git a/dynamic-component.vue b/dynamic-component.vue
 <template>
  <div class="card">
 		<component v-bind:is="componentFile"></component>
 	</div>
 </template>
 <script>
 export default{
 	props: {
 		componentName: {
 			type: String,
 			required: true
 		}
 	}
 	computed: {
 		componentFile() {
 			return () => import(`./widgets/${this.componentName}.vue`);
 		}
 	}
 }
 </script>
	<template>
	<div class="card">
	<component v-bind:is="componentFile"></component>
	</div>
	</template>
	<script>
	export default{
	props: {
	componentName: {
	type: String,
	required: true
	}
	}
	computed: {
	componentFile() {
	return () => import(`./widgets/${this.componentName}.vue`);
	}
	}
	}
	</script>