47 lines
1.2 KiB
JavaScript
47 lines
1.2 KiB
JavaScript
import Vue from 'vue';
|
|
import { DESIGN_MARK_APP_START, DESIGN_MEASURE_BEFORE_APP } from '~/performance/constants';
|
|
import { performanceMarkAndMeasure } from '~/performance/utils';
|
|
import App from './components/app.vue';
|
|
import apolloProvider from './graphql';
|
|
import activeDiscussionQuery from './graphql/queries/active_discussion.query.graphql';
|
|
import createRouter from './router';
|
|
|
|
export default () => {
|
|
const el = document.querySelector('.js-design-management');
|
|
const { issueIid, projectPath, issuePath } = el.dataset;
|
|
const router = createRouter(issuePath);
|
|
|
|
apolloProvider.clients.defaultClient.cache.writeQuery({
|
|
query: activeDiscussionQuery,
|
|
data: {
|
|
activeDiscussion: {
|
|
__typename: 'ActiveDiscussion',
|
|
id: null,
|
|
source: null,
|
|
},
|
|
},
|
|
});
|
|
|
|
return new Vue({
|
|
el,
|
|
router,
|
|
apolloProvider,
|
|
provide: {
|
|
projectPath,
|
|
issueIid,
|
|
},
|
|
mounted() {
|
|
performanceMarkAndMeasure({
|
|
mark: DESIGN_MARK_APP_START,
|
|
measures: [
|
|
{
|
|
name: DESIGN_MEASURE_BEFORE_APP,
|
|
},
|
|
],
|
|
});
|
|
},
|
|
render(createElement) {
|
|
return createElement(App);
|
|
},
|
|
});
|
|
};
|