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];
}