42 lines
1 KiB
JavaScript
42 lines
1 KiB
JavaScript
|
import Vue from 'vue';
|
||
|
|
import { mapState } from 'vuex';
|
||
|
|
import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
|
||
|
|
import diffsApp from './components/app.vue';
|
||
|
|
|
||
|
|
export default function initDiffsApp(store) {
|
||
|
|
return new Vue({
|
||
|
|
el: '#js-diffs-app',
|
||
|
|
name: 'MergeRequestDiffs',
|
||
|
|
components: {
|
||
|
|
diffsApp,
|
||
|
|
},
|
||
|
|
store,
|
||
|
|
data() {
|
||
|
|
const { dataset } = document.querySelector(this.$options.el);
|
||
|
|
|
||
|
|
return {
|
||
|
|
endpoint: dataset.endpoint,
|
||
|
|
projectPath: dataset.projectPath,
|
||
|
|
currentUser: convertObjectPropsToCamelCase(JSON.parse(dataset.currentUserData), {
|
||
|
|
deep: true,
|
||
|
|
}),
|
||
|
|
};
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
...mapState({
|
||
|
|
activeTab: state => state.page.activeTab,
|
||
|
|
}),
|
||
|
|
},
|
||
|
|
render(createElement) {
|
||
|
|
return createElement('diffs-app', {
|
||
|
|
props: {
|
||
|
|
endpoint: this.endpoint,
|
||
|
|
currentUser: this.currentUser,
|
||
|
|
projectPath: this.projectPath,
|
||
|
|
shouldShow: this.activeTab === 'diffs',
|
||
|
|
},
|
||
|
|
});
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|