diff --git a/index.html b/index.html index 8c06d9e..8017785 100644 --- a/index.html +++ b/index.html @@ -10,10 +10,10 @@ style="--primary: yellow; --secondary: green; --font: #ff6600; --circle: #111111" value='{"sections": [ {"name": "Personal", "intro": "Jaöaöd", "fields": [ - {"name": "Vorname", "type": "text", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true}, - {"name": "Geschlecht", "type": "select", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": null, "required": true, "options": ["A","Bb","Cc"]}, - {"name": "Essgewohnheiten", "type": "radio", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": null, "required": true, "options": ["A","Bb","Cc"]}, - {"name": "Nachname", "type": "text", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true} + {"name": "Vorname", "type": "TextField", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true}, + {"name": "Geschlecht", "type": "SelectField", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": null, "required": true, "options": ["A","Bb","Cc"]}, + {"name": "Essgewohnheiten", "type": "RadioField", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": null, "required": true, "options": ["A","Bb","Cc"]}, + {"name": "Nachname", "type": "TextField", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true} ]}, {"name": "Veranstaltung", "intro": "Jaöaöd", "fields": [ ]}, diff --git a/src/Eventform.ce.vue b/src/Eventform.ce.vue index 713b835..7b20287 100644 --- a/src/Eventform.ce.vue +++ b/src/Eventform.ce.vue @@ -110,9 +110,9 @@ const {back, next, backable, nextable} = useNav(active, v.value.sections.length) function resolveComponentName(field) { return { - text: FieldText, - select: FieldSelect, - radio: FieldRadio, + TextField: FieldText, + SelectField: FieldSelect, + RadioField: FieldRadio, }[field.type]; }