Merge pull request #130 from alvarosaburido/bugfix/cannot-destructure-property-customcl

fix(options): added condition for empty options

Author: alvarosabu

.github/workflows/ci.yml

@@ -1,6 +1,6 @@
 name: CI
 on:
-   pull_request:
+  pull_request:
     branches:
       - main
       - next

src/components/dynamic-form/DynamicForm.vue

@@ -51,8 +51,8 @@ import DynamicInput from '../dynamic-input/DynamicInput.vue';
 
 import { InputBase, FormControl } from '../../core/models';
 import { dynamicFormsSymbol } from '../../useApi';
-import { warn } from '../../core/utils/warning';
-
+/* import { warn } from '../../core/utils/warning';
+ */
 const props = {
   form: {
     type: Object as PropType<DynamicForm>,
@@ -64,8 +64,8 @@ const components = {
   DynamicInput,
 };
 
-const AVAILABLE_THEMES = ['default', 'material'];
-
+/* const AVAILABLE_THEMES = ['default', 'material'];
+ */
 export default defineComponent({
   name: 'asDynamicForm',
   props,
@@ -130,16 +130,20 @@ export default defineComponent({
     });
 
     const formattedOptions = computed(() => {
-      const { customClass, method, netlify, netlifyHoneypot } = options.form;
-      return {
-        class: [
-          customClass,
-          /* validTheme.value ? `theme-${options.theme}` : null, */
-        ].join(' '),
-        method,
-        'data-netlify': netlify,
-        'data-netlify-honeypot': netlifyHoneypot,
-      };
+      if (options?.form) {
+        const { customClass, method, netlify, netlifyHoneypot } = options?.form;
+        return {
+          class: [
+            customClass,
+            /* validTheme.value ? `theme-${options.theme}` : null, */
+          ].join(' '),
+          method,
+          'data-netlify': netlify,
+          'data-netlify-honeypot': netlifyHoneypot,
+        };
+      } else {
+        return;
+      }
     });
 
     function valueChange(changedValue: any) {

src/components/dynamic-input/DynamicInput.vue

@@ -66,7 +66,7 @@ export default defineComponent({
     });
 
     const autoValidate = computed(
-      () => props?.control?.touched && options.autoValidate,
+      () => props?.control?.touched && options?.autoValidate,
     );
 
     const showErrors = computed(() => {