kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

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

Browse source 
Add `createComponentWithMixin` to create anonymous components with mixins

See merge request gitlab-org/gitlab-ce!18899
This commit is contained in:
Filipa Lacerda 2018-05-14 09:30:51 +00:00
commit 1a103161f7
1 changed files with 19 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
spec/javascripts/helpers/vue_mount_component_helper.js
View file

@ -1,14 +1,30 @@
import Vue from 'vue';
const mountComponent = (Component, props = {}, el = null) => new Component({
propsData: props,
}).$mount(el);
export const createComponentWithStore = (Component, store, propsData = {}) => new Component({
store,
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 }) =>
new Component({
store,
propsData: props || { },
}).$mount(el);
export default (Component, props = {}, el = null) => new Component({
propsData: props,
}).$mount(el);
export default mountComponent;