lightcordwarez
/
BetterDiscordApp-v2
mirror of https://github.com/JsSucks/BetterDiscordApp
1
0
Fork 0
Code Issues 3 Releases Wiki Activity

Move ReactComponent to Vue injector

This commit is contained in:
Samuel Elliott 2018-08-22 20:56:05 +01:00
parent 67debca9d9
commit c2ccfd02da
No known key found for this signature in database
GPG Key ID: 8420C7CDE43DC4D6
3 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/ui/commoncomponents.js
View File

@ -1,4 +1,4 @@
export { ReactComponent } from './vue';
export { ReactComponent } from './vueinjector';
export * from './components/common';

20
client/src/ui/vue.js
View File

@ -8,10 +8,10 @@
* LICENSE file in the root directory of this source tree.
*/
import { WebpackModules } from 'modules';
import Vue from 'vue';
import VTooltip from 'v-tooltip';
import DOM from './dom';
import VueInjector from './vueinjector';
Vue.use(VTooltip, {
defaultContainer: 'bd-tooltips',
@ -45,22 +45,6 @@ Vue.use(VTooltip, {
}
});
export const ReactComponent = {
props: ['component', 'component-props', 'component-children', 'react-element'],
render(createElement) {
return createElement('div');
},
mounted() {
const { React, ReactDOM } = WebpackModules;
ReactDOM.unmountComponentAtNode(this.$el);
ReactDOM.render(this.reactElement || React.createElement(this.component, this.componentProps, ...(this.componentChildren || [])), this.$el);
},
beforeDestroy() {
WebpackModules.ReactDOM.unmountComponentAtNode(this.$el);
}
};
Vue.component('ReactComponent', ReactComponent);
Vue.use(VueInjector);
export default Vue;

22
client/src/ui/vueinjector.js
View File

@ -9,7 +9,7 @@
*/
import { WebpackModules } from 'modules';
import Vue from './vue';
import Vue from 'vue';
export default class {
@ -93,4 +93,24 @@ export default class {
}
}
static install(Vue) {
Vue.component('ReactComponent', ReactComponent);
}
}
export const ReactComponent = {
props: ['component', 'component-props', 'component-children', 'react-element'],
render(createElement) {
return createElement('div');
},
mounted() {
const { React, ReactDOM } = WebpackModules;
ReactDOM.unmountComponentAtNode(this.$el);
ReactDOM.render(this.reactElement || React.createElement(this.component, this.componentProps, ...(this.componentChildren || [])), this.$el);
},
beforeDestroy() {
WebpackModules.ReactDOM.unmountComponentAtNode(this.$el);
}
};