Commit 1a103161 authored by Filipa Lacerda's avatar Filipa Lacerda

Merge branch 'kp-add-vue-create-component-helper' into 'master'

Add `createComponentWithMixin` to create anonymous components with mixins

See merge request gitlab-org/gitlab-ce!18899
parents 7ecb4162 7877edec
import Vue from 'vue';
const mountComponent = (Component, props = {}, el = null) => new Component({
propsData: props,
}).$mount(el);
export const createComponentWithStore = (Component, store, propsData = {}) => new Component({ export const createComponentWithStore = (Component, store, propsData = {}) => new Component({
store, store,
propsData, propsData,
}); });
export const createComponentWithMixin = (mixins = [], state = {}, props = {}, template = '<div></div>') => {
const Component = Vue.extend({
template,
mixins,
data() {
return props;
},
});
return mountComponent(Component, props);
};
export const mountComponentWithStore = (Component, { el, props, store }) => export const mountComponentWithStore = (Component, { el, props, store }) =>
new Component({ new Component({
store, store,
propsData: props || { }, propsData: props || { },
}).$mount(el); }).$mount(el);
export default (Component, props = {}, el = null) => new Component({ export default mountComponent;
propsData: props,
}).$mount(el);
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment