diff --git a/index.html b/index.html
index 74023f8..7b5a14f 100644
--- a/index.html
+++ b/index.html
@@ -10,8 +10,8 @@
style="--primary: yellow; --secondary: green; --font: #ff6600; --circle: #111111"
value='{"sections": [
{"name": "Personal", "intro": "Jaöaöd", "fields": [
- {"name": "Vorname", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "required": true},
- {"name": "Nachname", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "required": true}
+ {"name": "Vorname", "columns": {"mobile": 2, "tablet": 3, "desktop": 6}, "default": "", "required": true},
+ {"name": "Nachname", "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 57d1e59..8bb6cbf 100644
--- a/src/Eventform.ce.vue
+++ b/src/Eventform.ce.vue
@@ -4,48 +4,56 @@
-
+ :class="{'opacity-40': !backable}"
+ >
-
+
-
-
+ :class="{'opacity-40': !nextable}"
+ >
@@ -56,19 +64,9 @@
@@ -82,11 +80,12 @@
diff --git a/src/components/fields/Text.vue b/src/components/fields/Text.vue
new file mode 100644
index 0000000..eadb1b9
--- /dev/null
+++ b/src/components/fields/Text.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 8e8ee46..58ac361 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,10 @@ import carousel from 'vue3-carousel/dist/carousel.css?inline';
import carouselStyle from './carousel.css?inline';
import Navigation from './components/Navigation.vue';
+window.hasKeys = function (object, expected) {
+ return typeof object === 'object' && JSON.stringify(Object.keys(object).sort()) === JSON.stringify(expected.sort());
+};
+
import Eventform from './Eventform.ce.vue';
Eventform.styles = [classes, carousel, carouselStyle];
diff --git a/tailwind.config.js b/tailwind.config.js
index 51e81ce..3b78e58 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,6 @@
/** @type {import('tailwindcss').Config} */
export default {
- content: ['./src/*.vue'],
+ content: ['./src/**/*.vue'],
theme: {
extend: {
colors: {