added default field name

Author: janschoenherr

dist/vue-form.common.js

@@ -217,9 +217,13 @@ function Fields (Vue) {
             }
 
             each(_extends({}, Vue.fields, fields), function (type, name) {
+
                 if (isString(type)) {
-                    type = Vue.extend({ extends: Field, template: type });
-                } else if (isObject(type)) {
+                    type = { template: type };
+                }
+
+                if (isObject(type)) {
+                    type.name = type.name || 'field-' + name;
                     type = Vue.extend(Field).extend(type);
                 }
 

dist/vue-form.js

@@ -221,9 +221,13 @@
               }
 
               each(_extends({}, Vue.fields, fields), function (type, name) {
+
                   if (isString(type)) {
-                      type = Vue.extend({ extends: Field, template: type });
-                  } else if (isObject(type)) {
+                      type = { template: type };
+                  }
+
+                  if (isObject(type)) {
+                      type.name = type.name || 'field-' + name;
                       type = Vue.extend(Field).extend(type);
                   }
 

dist/vue-form.min.js

@@ -88,7 +88,7 @@ <h1>Form</h1>
 
                     customFields: {
 
-                        mixins: [Vue.fields],
+                        extends: Vue.component('fields'),
 
                         template: `<div>
 

examples/form.html

@@ -33,9 +33,13 @@ export default function (Vue) {
             }
 
             each(Object.assign({}, Vue.fields, fields), (type, name) => {
+
                 if (isString(type)) {
-                    type = Vue.extend({extends: Field, template: type});
-                } else if (isObject(type)) {
+                    type = {template: type};
+                }
+
+                if (isObject(type)) {
+                    type.name = type.name || `field-${name}`;
                     type = Vue.extend(Field).extend(type);
                 }