feat: slugify label in ValidationProvider name

14nrv · Oct 24, 2020 · fe326f3 · fe326f3
1 parent 089b63f
commit fe326f3
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/Fields/Control.vue b/src/components/Fields/Control.vue
@@ -3,7 +3,7 @@
     tag="div"
     :vid="item.vid"
     :rules="getRules"
-    :name="item.name || item.label"
+    :name="item.name || item.label | slugify"
     :immediate="!!item.value"
     v-slot="{ errors, required, ariaInput }")
 
@@ -22,6 +22,7 @@
 </template>
 
 <script>
+import { slug } from '@/helpers'
 import Input from '@/components/Fields/Input'
 import Select from '@/components/Fields/Select'
 import Textarea from '@/components/Fields/Textarea'
@@ -32,6 +33,9 @@ const NOT_NORMAL_INPUT = ['textarea', 'select', 'checkbox', 'radio']
 
 export default {
   name: 'Control',
+  filters: {
+    slugify: value => slug(value)
+  },
   components: {
     appInput: Input,
     appSelect: Select,