diff --git a/src/Eventform.ce.vue b/src/Eventform.ce.vue
index 7b20287..7883d58 100644
--- a/src/Eventform.ce.vue
+++ b/src/Eventform.ce.vue
@@ -25,22 +25,22 @@
                 </div>
                 <div class="flex items-center justify-between px-4 overflow-hidden rounded-t-lg sm:hidden bg-secondary">
                     <a
-                        @click.prevent="back"
                         href="#"
                         class="flex items-center justify-center w-7 h-7 flex-none rounded-full bg-circle text-font transition duration-300 flex-none"
                         :class="{'opacity-40': !backable}"
+                        @click.prevent="back"
                     >
                         <svg class="text-sm text-font fill-current rotate-90 w-3 h-3" viewBox="0 0 11.314 7.0710001">
                             <path d="M 4.95,6.364 5.657,7.071 11.314,1.414 9.9,0 5.657,4.242 1.414,0 0,1.414 Z" />
                         </svg>
                     </a>
                     <carousel v-model="active" class="grow">
-                        <slide v-for="(section, index) in v.sections" class="relative flex flex-no-wrap overflow-hidden" :key="index">
+                        <slide v-for="(section, index) in v.sections" :key="index" class="relative flex flex-no-wrap overflow-hidden">
                             <div class="flex-none w-full">
                                 <div
-                                    @click="active = index"
                                     href="#"
                                     class="flex flex-col md:flex-row items-center justify-center md:justify-start px-2 flex-auto md:pl-6 h-12 md:h-16 transition duration-300 relative"
+                                    @click="active = index"
                                 >
                                     <span class="flex items-center justify-center w-4 md:w-6 h-4 md:h-6 rounded-full bg-circle text-font transition duration-300" v-html="index + 1"></span>
                                     <span class="text-sm text-font" v-html="section.name"></span>
@@ -49,10 +49,10 @@
                         </slide>
                     </carousel>
                     <a
-                        @click.prevent="next"
                         href="#"
                         class="flex items-center justify-center w-7 h-7 flex-none rounded-full bg-circle text-font transition duration-300 flex-none"
                         :class="{'opacity-40': !nextable}"
+                        @click.prevent="next"
                     >
                         <svg class="text-sm text-font fill-current -rotate-90 w-3 h-3" viewBox="0 0 11.314 7.0710001">
                             <path d="M 4.95,6.364 5.657,7.071 11.314,1.414 9.9,0 5.657,4.242 1.414,0 0,1.414 Z" />
@@ -62,11 +62,11 @@
 
                 <div class="py-4 xs:py-8">
                     <carousel v-model="active">
-                        <slide :key="index" v-for="(section, index) in v.sections">
+                        <slide v-for="(section, index) in v.sections" :key="index">
                             <div class="w-full flex-none px-3 xs:px-6">
                                 <div class="text-sm sm_text-base text-gray-800 leading-tight mb-5" v-text="section.intro"></div>
                                 <div class="grid grid-cols-2 gap-4 mt-6 items-start">
-                                    <component :is="resolveComponentName(field)" :field="field" v-for="(field, findex) in section.fields" :key="findex" v-model="payload[field.key]"></component>
+                                    <component :is="resolveComponentName(field)" v-for="(field, findex) in section.fields" :key="findex" v-model="payload[field.key]" :field="field"></component>
                                 </div>
                             </div>