add vue-2 and vue-3

This commit is contained in:
Philipp Kühn
2021-02-27 23:56:08 +01:00
parent cdf9cc99e0
commit 015c47707a
14 changed files with 1289 additions and 155 deletions

View File

@@ -0,0 +1,38 @@
import Vue from 'vue'
import { VueConstructor } from 'vue/types/umd'
export default class VueRenderer {
vm!: Vue
constructor(component: Vue | VueConstructor, props: any) {
const Component = Vue.extend(component)
this.vm = new Component(props).$mount()
}
get element() {
return this.vm.$el
}
updateProps(props: { [key: string]: any } = {}) {
if (!this.vm.$props) {
return
}
// prevents `Avoid mutating a prop directly` error message
const originalSilent = Vue.config.silent
Vue.config.silent = true
Object
.entries(props)
.forEach(([key, value]) => {
this.vm.$props[key] = value
})
Vue.config.silent = originalSilent
}
destroy() {
this.vm.$destroy()
}
}