fix(is): Vue doesn't like us using is so use _is

README.md

@@ -31,7 +31,7 @@ Below is an example of the component in use in a Single File Component. After im
 <template>
     <input-contenteditable
         v-model="myModel"
-        is="p"
+        _is="p"
         :placeholder="myPlaceHolder"
         :maxlength="25" />
 </template>

package.json

@@ -12,7 +12,7 @@
     "email": "[email protected]",
     "url": "http://cobertos.com"
   },
-  "version": "1.0.0",
+  "version": "1.0.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/Cobertos/vue-input-contenteditable"

src/input-contenteditable.vue

@@ -1,6 +1,6 @@
 <template>
   <component
-    :is="is"
+    :is="_is"
     contenteditable
     :placeholder="placeholder"
     @input='onInput'
@@ -16,7 +16,7 @@
 export default {
   name: 'input-contenteditable',
   props: {
-    is: {
+    _is: {
       type: String,
       default: 'p'
     },

tests/dev/main.vue

@@ -2,8 +2,11 @@
   <div class="wrap">
     ajsiod
     <input-contenteditable v-model="test"
+      :_is="tag"
       :placeholder="'asdasd'"
       :maxlength="25"/>
+    <button
+      @click="tag='a'">Test</button>
   </div>
 </template>
 
@@ -16,6 +19,7 @@ export default {
   },
   data () {
     return {
+      tag: 'p',
       test: 'aaa'
     };
   }

tests/unit/input-contenteditable.spec.js

@@ -71,20 +71,20 @@ describe('input-contenteditable.vue', () => {
     //and there's no easy way to test that
   });
 
-  describe('supports is', () => {
-    it('is default is p', () => {
+  describe('supports _is', () => {
+    it('_is default is p', () => {
       //arrange/act
       const wrapper = shallowMount(InputContenteditable);
 
       //assert
       expect(wrapper.element.tagName).to.equal('P');
     });
 
-    it('is can also be passed in', () => {
+    it('_is can also be passed in', () => {
       //arrange/act
       const wrapper = shallowMount(InputContenteditable, {
         propsData: {
-          is: 'a'
+          _is: 'a'
         }
       });