2021-09-08 06:10:46 +00:00
|
|
|
import Vue from 'vue';
|
2022-06-02 12:09:21 +00:00
|
|
|
import { parseBoolean } from '~/lib/utils/common_utils';
|
2022-08-18 15:12:17 +00:00
|
|
|
import { apolloProvider } from '~/graphql_shared/issuable_client';
|
2021-09-08 06:10:46 +00:00
|
|
|
import App from './components/app.vue';
|
2021-10-19 12:12:07 +00:00
|
|
|
import { createRouter } from './router';
|
2021-09-08 06:10:46 +00:00
|
|
|
|
|
|
|
export const initWorkItemsRoot = () => {
|
|
|
|
const el = document.querySelector('#js-work-items');
|
2022-10-17 18:09:13 +00:00
|
|
|
const {
|
|
|
|
fullPath,
|
|
|
|
hasIssueWeightsFeature,
|
|
|
|
issuesListPath,
|
|
|
|
projectNamespace,
|
|
|
|
hasIterationsFeature,
|
|
|
|
} = el.dataset;
|
2021-09-08 06:10:46 +00:00
|
|
|
|
|
|
|
return new Vue({
|
|
|
|
el,
|
2022-06-30 12:09:03 +00:00
|
|
|
name: 'WorkItemsRoot',
|
2021-10-19 12:12:07 +00:00
|
|
|
router: createRouter(el.dataset.fullPath),
|
2022-08-18 15:12:17 +00:00
|
|
|
apolloProvider,
|
2022-02-09 18:16:19 +00:00
|
|
|
provide: {
|
|
|
|
fullPath,
|
2022-06-02 12:09:21 +00:00
|
|
|
hasIssueWeightsFeature: parseBoolean(hasIssueWeightsFeature),
|
2022-05-11 15:07:26 +00:00
|
|
|
issuesListPath,
|
2022-10-17 18:09:13 +00:00
|
|
|
projectNamespace,
|
|
|
|
hasIterationsFeature: parseBoolean(hasIterationsFeature),
|
2022-02-09 18:16:19 +00:00
|
|
|
},
|
2021-09-08 06:10:46 +00:00
|
|
|
render(createElement) {
|
|
|
|
return createElement(App);
|
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|