Merge branch 'kp-add-vue-app-names-product-planning' into 'master'

Add missing Vue app names for apps within Product Planning

See merge request gitlab-org/gitlab!80797

app/assets/javascripts/boards/config_toggle.js

@@ -12,6 +12,7 @@ export default () => {
   // eslint-disable-next-line no-new
   new Vue({
     el,
+    name: 'ConfigToggleRoot',
     render(h) {
       return h(ConfigToggle, {
         props: {

app/assets/javascripts/boards/index.js

@@ -64,6 +64,7 @@ function mountBoardApp(el) {
   // eslint-disable-next-line no-new
   new Vue({
     el,
+    name: 'BoardAppRoot',
     store,
     apolloProvider,
     provide: {
@@ -121,6 +122,7 @@ export default () => {
     // eslint-disable-next-line no-new
     new Vue({
       el: createColumnTriggerEl,
+      name: 'BoardAddNewColumnTriggerRoot',
       components: {
         BoardAddNewColumnTrigger,
       },

app/assets/javascripts/boards/mount_filtered_search_issue_boards.js

@@ -18,6 +18,7 @@ export default (apolloProvider, isSignedIn, releasesFetchPath) => {
 
   return new Vue({
     el,
+    name: 'BoardFilteredSearchRoot',
     provide: {
       initialFilterParams,
       isSignedIn,

app/assets/javascripts/boards/mount_multiple_boards_switcher.js

@@ -16,6 +16,7 @@ export default (params = {}) => {
   const { dataset } = boardsSwitcherElement;
   return new Vue({
     el: boardsSwitcherElement,
+    name: 'BoardsSelectorRoot',
     components: {
       BoardsSelector,
     },

app/assets/javascripts/boards/toggle_focus.js

@@ -6,6 +6,7 @@ export default () => {
 
   return new Vue({
     el: '#js-toggle-focus-btn',
+    name: 'ToggleFocusRoot',
     render(h) {
       return h(ToggleFocus, {
         props: {

ee/app/assets/javascripts/boards/epic_filtered_search.js

@@ -17,6 +17,7 @@ export default (apolloProvider) => {
 
   return new Vue({
     el,
+    name: 'EpicBoardFilteredSearchRoot',
     provide: {
       initialFilterParams,
     },

ee/app/assets/javascripts/boards/toggle_epics_swimlanes.js

@@ -11,6 +11,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'ToggleEpicsSwimlanesRoot',
     components: {
       ToggleEpicsSwimlanes,
     },

ee/app/assets/javascripts/boards/toggle_labels.js

@@ -5,6 +5,7 @@ import ToggleLabels from './components/toggle_labels.vue';
 export default () =>
   new Vue({
     el: document.getElementById('js-board-labels-toggle'),
+    name: 'ToggleLabelsRoot',
     components: {
       ToggleLabels,
     },

ee/app/assets/javascripts/epic/epic_bundle.js

@@ -52,6 +52,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'EpicRoot',
     apolloProvider,
     store,
     components: { EpicApp },

ee/app/assets/javascripts/epic/new_epic_bundle.js

@@ -26,6 +26,7 @@ export function initEpicForm() {
 
   return new Vue({
     el,
+    name: 'EpicCreateRoot',
     apolloProvider,
     provide: {
       groupPath,

ee/app/assets/javascripts/epic_boards/index.js

@@ -49,6 +49,7 @@ function mountBoardApp(el) {
   // eslint-disable-next-line no-new
   new Vue({
     el,
+    name: 'BoardRoot',
     store,
     apolloProvider,
     provide: {
@@ -104,6 +105,7 @@ export default () => {
     // eslint-disable-next-line no-new
     new Vue({
       el: createColumnTriggerEl,
+      name: 'BoardAddNewColumnTriggerRoot',
       components: {
         BoardAddNewColumnTrigger,
       },

ee/app/assets/javascripts/epics_list/epics_list_bundle.js

@@ -56,6 +56,7 @@ export default function initEpicsList({ mountPointSelector }) {
 
   return new Vue({
     el: mountPointEl,
+    name: 'EpicsListRoot',
     apolloProvider,
     provide: {
       initialState,

ee/app/assets/javascripts/related_items_tree/related_items_tree_bundle.js

@@ -38,6 +38,7 @@ export default () => {
 
   return new Vue({
     el,
+    name: 'RelatedItemsTreeRoot',
     store: createStore(),
     components: { RelatedItemsTreeApp },
     created() {