@vue/web-component-wrapper
Advanced tools
Comparing version 1.1.2 to 1.1.3
@@ -130,5 +130,7 @@ var wrapVueWebComponent = (function () { | ||
super(); | ||
this.attachShadow({ mode: 'open' }); | ||
const wrapper = this._wrapper = new Vue({ | ||
name: 'shadow-root', | ||
customElement: this, | ||
shadowRoot: this.shadowRoot, | ||
data () { | ||
@@ -148,4 +150,3 @@ return { | ||
// in Chrome, this.childNodes will be empty when connectedCallback | ||
// is fired, so it's necessary to use a mutationObserver | ||
// Use MutationObserver to react to slot content change | ||
const observer = new MutationObserver(() => { | ||
@@ -172,4 +173,2 @@ wrapper.slotChildren = Object.freeze(toVNodes( | ||
if (!wrapper._isMounted) { | ||
this._shadowRoot = this.attachShadow({ mode: 'open' }); | ||
wrapper.$options.shadowRoot = this._shadowRoot; | ||
// initialize children | ||
@@ -185,3 +184,3 @@ wrapper.slotChildren = Object.freeze(toVNodes( | ||
}); | ||
this._shadowRoot.appendChild(wrapper.$el); | ||
this.shadowRoot.appendChild(wrapper.$el); | ||
} else { | ||
@@ -188,0 +187,0 @@ callHooks(this.vueComponent, 'activated'); |
@@ -127,5 +127,7 @@ const camelizeRE = /-(\w)/g; | ||
super(); | ||
this.attachShadow({ mode: 'open' }); | ||
const wrapper = this._wrapper = new Vue({ | ||
name: 'shadow-root', | ||
customElement: this, | ||
shadowRoot: this.shadowRoot, | ||
data () { | ||
@@ -145,4 +147,3 @@ return { | ||
// in Chrome, this.childNodes will be empty when connectedCallback | ||
// is fired, so it's necessary to use a mutationObserver | ||
// Use MutationObserver to react to slot content change | ||
const observer = new MutationObserver(() => { | ||
@@ -169,4 +170,2 @@ wrapper.slotChildren = Object.freeze(toVNodes( | ||
if (!wrapper._isMounted) { | ||
this._shadowRoot = this.attachShadow({ mode: 'open' }); | ||
wrapper.$options.shadowRoot = this._shadowRoot; | ||
// initialize children | ||
@@ -182,3 +181,3 @@ wrapper.slotChildren = Object.freeze(toVNodes( | ||
}); | ||
this._shadowRoot.appendChild(wrapper.$el); | ||
this.shadowRoot.appendChild(wrapper.$el); | ||
} else { | ||
@@ -185,0 +184,0 @@ callHooks(this.vueComponent, 'activated'); |
{ | ||
"name": "@vue/web-component-wrapper", | ||
"version": "1.1.2", | ||
"version": "1.1.3", | ||
"description": "wrap a vue component as a web component.", | ||
@@ -5,0 +5,0 @@ "main": "dist/vue-wc-wrapper.js", |
15930
4
391