prefixed formly components so they don't conflict with native ones

Author: matt-sanders

src/components/FormlyField.vue

@@ -1,12 +1,17 @@
 <template>
-  <component :is="form[key].type" :form.sync="form" :key="key"></component>
+  <component :is="type" :form.sync="form" :key="key"></component>
 </template>
 
 <script>
  const Vue = require('vue');
  import Util, {getTypes} from '../util';
  export default {
      props: ['form', 'key'],
+     computed: {
+         type:function(){
+             return 'formly_'+this.form[this.key].type;
+         }
+     },
      components: getTypes()
   }
 </script>

src/util.js

@@ -9,7 +9,7 @@ export default exports;
  * @param {Object} options
  */
 export function addType(id, options){
-    exports.formlyFields[id] = options;
+    exports.formlyFields['formly_'+id] = options;
 }
 
 export function getTypes(){

test/unit/specs/FormlyField.spec.js

@@ -23,7 +23,7 @@ describe('FormlyField', () => {
 
     it('should take on the type of another component', () => {
 
-        Vue.component('test', {
+        Vue.component('formly_test', {
             props: ['form', 'key'],
             template: '<div id="testComponent">{{form[key].type}}</div>'
         });
@@ -46,7 +46,7 @@ describe('FormlyField', () => {
 
     it('should mimic the model of the parent', (done) => {
 
-        Vue.component('test', {
+        Vue.component('formly_test', {
             props: ['form', 'key'],
             template: '<input type="text" id="testInput" v-model="form[key].value">'
         });

test/unit/specs/index.spec.js

@@ -29,7 +29,7 @@ describe('module', () => {
             foo: 'bar'
         };
         addType('test', newField);
-        expect(getTypes().test).to.deep.equal(newField);
+        expect(getTypes().formly_test).to.deep.equal(newField);
     });
 
 });