T/51: Used config.initialData instead of innerHTML to set the ini…

…tial state of the editor (#52)

Internal: Used `config.initialData` instead of `innerHTML` to set the initial state of the editor. Closes #51.

package.json

@@ -21,7 +21,7 @@
   "devDependencies": {
     "@babel/core": "^7.0.0",
     "@babel/preset-env": "^7.3.1",
-    "@ckeditor/ckeditor5-build-classic": "^11.0.1",
+    "@ckeditor/ckeditor5-build-classic": "^12.1.0",
     "@ckeditor/ckeditor5-dev-env": "^13.0.2",
     "@ckeditor/ckeditor5-dev-utils": "^11.0.1",
     "@vue/test-utils": "^1.0.0-beta.29",

src/ckeditor.js

@@ -13,11 +13,7 @@ export default {
 	name: 'ckeditor',
 
 	render( createElement ) {
-		return createElement( this.tagName, {
-			domProps: {
-				innerHTML: this.value || ''
-			}
-		} );
+		return createElement( this.tagName );
 	},
 
 	props: {
@@ -57,6 +53,12 @@ export default {
 	},
 
 	mounted() {
+		if ( this.value ) {
+			Object.assign( this.config, {
+				initialData: this.value
+			} );
+		}
+
 		this.editor.create( this.$el, this.config )
 			.then( editor => {
 				// Save the reference to the instance for further use.

tests/ckeditor.js

@@ -127,7 +127,7 @@ describe( 'CKEditor Component', () => {
 				} );
 
 				Vue.nextTick( () => {
-					expect( vm.$el.innerHTML ).to.equal( 'foo' );
+					expect( vm.instance.config.initialData ).to.equal( 'foo' );
 					expect( vm.instance.setDataCounter ).to.equal( 0 );
 
 					wrapper.destroy();

tests/plugin/integration.js

@@ -13,6 +13,8 @@ Vue.use( CKEditor );
 describe( 'CKEditor plugin', () => {
 	describe( 'Vue.use()', () => {
 		it( 'works with an actual editor build', done => {
+			Vue.config.errorHandler = done;
+
 			const wrapper = mount( {
 				template: '<ckeditor :editor="editor" @ready="onReady()" v-model="editorData"></ckeditor>',
 				methods: {