chore(dynamic-component): set fallback for empty props object

discue · Jun 5, 2022 · 99c644b · 99c644b
1 parent 68cce15
commit 99c644b
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/components/docs/dynamic-component-display.vue b/src/components/docs/dynamic-component-display.vue
@@ -109,7 +109,12 @@ const componentProps = computed(() => {
 const targetPropsForTable = computed(() => {
     const instance = getCurrentInstance()
 
-    const p = Object.entries(instance.appContext.components[props.type].props).reduce((context, [key, value], index) => {
+    let componentProps = instance.appContext.components[props.type].props
+    if (!componentProps) {
+        componentProps = {}
+    }
+
+    return Object.entries(componentProps).reduce((context, [key, value], index) => {
         return Object.assign(context, reactive({
             [key]: {
                 name: key,
@@ -120,8 +125,6 @@ const targetPropsForTable = computed(() => {
             }
         }))
     }, {})
-
-    return p
 })
 
 const targetEmitsForTable = computed(() => {