feat(dynamic-component): stringify and parse array props

src/components/docs/dynamic-component-display.vue

@@ -46,6 +46,9 @@
                         <option class="w-24 text-lg">true</option>
                         <option class="w-24 text-lg">false</option>
                     </select>
+                    <input v-else-if="prop.allowInput && prop.type === 'Array'" :value="JSON.stringify(componentProps[prop.name])"
+                        @input="castAndSet(prop, $event)"
+                        class="text-base border-b-2 border-b-solid border-gray-900 w-20">
                     <input v-else-if="prop.allowInput" :value="componentProps[prop.name]"
                         @input="castAndSet(prop, $event)"
                         class="text-base border-b-2 border-b-solid border-gray-900 w-20">
@@ -145,6 +148,8 @@ function castAndSet(prop, event) {
         } else {
             componentProps.value[prop.name] = Boolean(value)
         }
+    } else if (prop.type === 'Array') {
+        componentProps.value[prop.name] = JSON.parse(value)
     } else if (prop.type === 'Number') {
         componentProps.value[prop.name] = Number(value)
     } else {

src/index.ts

@@ -6,6 +6,7 @@ export { default as DynamicComponentDisplay } from './components/docs/dynamic-co
 export { default as DropDownMenuBannerItem } from './components/drop-down-menu-banner-item.vue';
 export { default as DropDownMenuItem } from './components/drop-down-menu-item.vue';
 export { default as DropDownMenu } from './components/drop-down-menu.vue';
+export { default as FormElementErrorMessage } from './components/form-element-error-message.vue';
 export { default as Headlines } from './components/headlines.vue';
 export { default as NavButton } from './components/nav-button.vue';
 export { default as NavLink } from './components/nav-link.vue';