app/assets/javascripts/frequent_items/components/frequent_items_list_item.vue

 <script>
-/* eslint-disable vue/require-default-prop, vue/no-v-html */
+/* eslint-disable vue/require-default-prop */
 import { GlButton } from '@gitlab/ui';
 import highlight from '~/lib/utils/highlight';
 import { truncateNamespace } from '~/lib/utils/text_utility';
@@ -75,7 +75,7 @@ export default {
           ref="frequentItemsItemTitle"
           :title="itemName"
           class="frequent-items-item-title"
-          v-html="highlightedItemName"
+          v-html="highlightedItemName /* eslint-disable-line vue/no-v-html */"
         ></div>
         <div
           v-if="namespace"

app/assets/javascripts/graphql_shared/constants.js

@@ -14,3 +14,4 @@ export const TYPE_SITE_PROFILE = 'DastSiteProfile';
 export const TYPE_USER = 'User';
 export const TYPE_VULNERABILITY = 'Vulnerability';
 export const TYPE_NOTE = 'Note';
+export const TYPE_DISCUSSION = 'Discussion';

app/assets/javascripts/ide/components/commit_sidebar/success_message.vue

 <script>
-/* eslint-disable vue/no-v-html */
 import { mapState } from 'vuex';
 
 export default {
@@ -17,7 +16,7 @@ export default {
     <div class="gl-mr-3 gl-ml-3">
       <div class="text-content text-center">
         <h4>{{ __('All changes are committed') }}</h4>
-        <p v-html="lastCommitMsg"></p>
+        <p v-html="lastCommitMsg /* eslint-disable-line vue/no-v-html */"></p>
       </div>
     </div>
   </div>

app/assets/javascripts/ide/components/error_message.vue

 <script>
-/* eslint-disable vue/no-v-html */
 import { GlAlert, GlLoadingIcon } from '@gitlab/ui';
 import { mapActions } from 'vuex';
 
@@ -56,7 +55,7 @@ export default {
     @dismiss="dismiss"
     @primaryAction="doAction"
   >
-    <span v-html="message.text"></span>
+    <span v-html="message.text /* eslint-disable-line vue/no-v-html */"></span>
     <gl-loading-icon v-show="isLoading" size="sm" inline class="vertical-align-middle ml-1" />
   </gl-alert>
 </template>

app/assets/javascripts/ide/components/jobs/detail.vue

 <script>
-/* eslint-disable vue/no-v-html */
 import { GlTooltipDirective, GlButton, GlIcon } from '@gitlab/ui';
 import { throttle } from 'lodash';
 import { mapActions, mapState } from 'vuex';
@@ -102,7 +101,7 @@ export default {
       <code
         v-show="!detailJob.isLoading"
         class="bash"
-        v-html="jobOutput"
+        v-html="jobOutput /* eslint-disable-line vue/no-v-html */"
       >
       </code>
       <div

app/assets/javascripts/issue_show/components/locked_warning.vue

 <script>
-/* eslint-disable vue/no-v-html */
 import { __, sprintf } from '~/locale';
 
 export default {
@@ -24,5 +23,8 @@ export default {
 </script>
 
 <template>
-  <div class="alert alert-danger" v-html="alertMessage"></div>
+  <div
+    class="alert alert-danger"
+    v-html="alertMessage /* eslint-disable-line vue/no-v-html */"
+  ></div>
 </template>

app/assets/javascripts/issues_list/components/issues_list_app.vue

@@ -9,8 +9,8 @@ import {
   GlTooltipDirective,
 } from '@gitlab/ui';
 import fuzzaldrinPlus from 'fuzzaldrin-plus';
-import { cloneDeep } from 'lodash';
 import getIssuesQuery from 'ee_else_ce/issues_list/queries/get_issues.query.graphql';
+import getIssuesCountsQuery from 'ee_else_ce/issues_list/queries/get_issues_counts.query.graphql';
 import createFlash from '~/flash';
 import { TYPE_USER } from '~/graphql_shared/constants';
 import { convertToGraphQLId, getIdFromGraphQLId } from '~/graphql_shared/utils';
@@ -21,7 +21,6 @@ import { IssuableListTabs, IssuableStates } from '~/issuable_list/constants';
 import {
   CREATED_DESC,
   i18n,
-  issuesCountSmartQueryBase,
   MAX_LIST_SIZE,
   PAGE_SIZE,
   PARAM_DUE_DATE,
@@ -117,9 +116,15 @@ export default {
     exportCsvPath: {
       default: '',
     },
+    fullPath: {
+      default: '',
+    },
     groupEpicsPath: {
       default: '',
     },
+    hasAnyIssues: {
+      default: false,
+    },
     hasBlockedIssuesFeature: {
       default: false,
     },
@@ -132,9 +137,6 @@ export default {
     hasMultipleIssueAssigneesFeature: {
       default: false,
     },
-    hasProjectIssues: {
-      default: false,
-    },
     initialEmail: {
       default: '',
     },
@@ -150,9 +152,6 @@ export default {
     newIssuePath: {
       default: '',
     },
-    projectPath: {
-      default: '',
-    },
     rssPath: {
       default: '',
     },
@@ -164,18 +163,16 @@ export default {
     },
   },
   data() {
-    const filterTokens = getFilterTokens(window.location.search);
     const state = getParameterByName(PARAM_STATE);
     const sortKey = getSortKey(getParameterByName(PARAM_SORT));
     const defaultSortKey = state === IssuableStates.Closed ? UPDATED_DESC : CREATED_DESC;
 
-    this.initialFilterTokens = cloneDeep(filterTokens);
-
     return {
       dueDateFilter: getDueDateValue(getParameterByName(PARAM_DUE_DATE)),
       exportCsvPathWithQuery: this.getExportCsvPathWithQuery(),
-      filterTokens,
+      filterTokens: getFilterTokens(window.location.search),
       issues: [],
+      issuesCounts: {},
       pageInfo: {},
       pageParams: getInitialPageParams(sortKey),
       showBulkEditSidebar: false,
@@ -198,44 +195,25 @@ export default {
         createFlash({ message: this.$options.i18n.errorFetchingIssues, captureError: true, error });
       },
       skip() {
-        return !this.hasProjectIssues;
+        return !this.hasAnyIssues;
       },
       debounce: 200,
     },
-    countOpened: {
-      ...issuesCountSmartQueryBase,
+    issuesCounts: {
+      query: getIssuesCountsQuery,
       variables() {
-        return {
-          ...this.queryVariables,
-          state: IssuableStates.Opened,
-        };
-      },
-      skip() {
-        return !this.hasProjectIssues;
+        return this.queryVariables;
       },
-    },
-    countClosed: {
-      ...issuesCountSmartQueryBase,
-      variables() {
-        return {
-          ...this.queryVariables,
-          state: IssuableStates.Closed,
-        };
+      update: ({ project }) => project ?? {},
+      error(error) {
+        createFlash({ message: this.$options.i18n.errorFetchingCounts, captureError: true, error });
       },
       skip() {
-        return !this.hasProjectIssues;
-      },
-    },
-    countAll: {
-      ...issuesCountSmartQueryBase,
-      variables() {
-        return {
-          ...this.queryVariables,
-          state: IssuableStates.All,
-        };
+        return !this.hasAnyIssues;
       },
-      skip() {
-        return !this.hasProjectIssues;
+      debounce: 200,
+      context: {
+        isSingleRequest: true,
       },
     },
   },
@@ -243,7 +221,7 @@ export default {
     queryVariables() {
       return {
         isSignedIn: this.isSignedIn,
-        projectPath: this.projectPath,
+        fullPath: this.fullPath,
         search: this.searchQuery,
         sort: this.sortKey,
         state: this.state,
@@ -263,6 +241,9 @@ export default {
     isOpenTab() {
       return this.state === IssuableStates.Opened;
     },
+    showCsvButtons() {
+      return this.isSignedIn;
+    },
     apiFilterParams() {
       return convertToApiParams(this.filterTokens);
     },
@@ -405,10 +386,11 @@ export default {
       return getSortOptions(this.hasIssueWeightsFeature, this.hasBlockedIssuesFeature);
     },
     tabCounts() {
+      const { openedIssues, closedIssues, allIssues } = this.issuesCounts;
       return {
-        [IssuableStates.Opened]: this.countOpened,
-        [IssuableStates.Closed]: this.countClosed,
-        [IssuableStates.All]: this.countAll,
+        [IssuableStates.Opened]: openedIssues?.count,
+        [IssuableStates.Closed]: closedIssues?.count,
+        [IssuableStates.All]: allIssues?.count,
       };
     },
     currentTabCount() {
@@ -465,7 +447,7 @@ export default {
       return this.$apollo
         .query({
           query: searchLabelsQuery,
-          variables: { projectPath: this.projectPath, search },
+          variables: { fullPath: this.fullPath, search },
         })
         .then(({ data }) => data.project.labels.nodes);
     },
@@ -473,7 +455,7 @@ export default {
       return this.$apollo
         .query({
           query: searchMilestonesQuery,
-          variables: { projectPath: this.projectPath, search },
+          variables: { fullPath: this.fullPath, search },
         })
         .then(({ data }) => data.project.milestones.nodes);
     },
@@ -481,8 +463,8 @@ export default {
       const id = Number(search);
       const variables =
         !search || Number.isNaN(id)
-          ? { projectPath: this.projectPath, search }
-          : { projectPath: this.projectPath, id };
+          ? { fullPath: this.fullPath, search }
+          : { fullPath: this.fullPath, id };
 
       return this.$apollo
         .query({
@@ -495,7 +477,7 @@ export default {
       return this.$apollo
         .query({
           query: searchUsersQuery,
-          variables: { projectPath: this.projectPath, search },
+          variables: { fullPath: this.fullPath, search },
         })
         .then(({ data }) => data.project.projectMembers.nodes.map((member) => member.user));
     },
@@ -584,13 +566,13 @@ export default {
         })
         .then(() => {
           const serializedVariables = JSON.stringify(this.queryVariables);
-          this.$apollo.mutate({
+          return this.$apollo.mutate({
             mutation: reorderIssuesMutation,
             variables: { oldIndex, newIndex, serializedVariables },
           });
         })
-        .catch(() => {
-          createFlash({ message: this.$options.i18n.reorderError });
+        .catch((error) => {
+          createFlash({ message: this.$options.i18n.reorderError, captureError: true, error });
         });
     },
     handleSort(sortKey) {
@@ -607,13 +589,13 @@ export default {
 </script>
 
 <template>
-  <div v-if="hasProjectIssues">
+  <div v-if="hasAnyIssues">
     <issuable-list
-      :namespace="projectPath"
+      :namespace="fullPath"
       recent-searches-storage-key="issues"
       :search-input-placeholder="$options.i18n.searchPlaceholder"
       :search-tokens="searchTokens"
-      :initial-filter-value="initialFilterTokens"
+      :initial-filter-value="filterTokens"
       :sort-options="sortOptions"
       :initial-sort-by="sortKey"
       :issuables="issues"
@@ -653,7 +635,7 @@ export default {
           :aria-label="$options.i18n.calendarLabel"
         />
         <csv-import-export-buttons
-          v-if="isSignedIn"
+          v-if="showCsvButtons"
           class="gl-md-mr-3"
           :export-csv-path="exportCsvPathWithQuery"
           :issuable-count="currentTabCount"
@@ -766,6 +748,7 @@ export default {
           {{ $options.i18n.newIssueLabel }}
         </gl-button>
         <csv-import-export-buttons
+          v-if="showCsvButtons"
           class="gl-mr-3"
           :export-csv-path="exportCsvPathWithQuery"
           :issuable-count="currentTabCount"

app/assets/javascripts/issues_list/constants.js

-import getIssuesCountQuery from 'ee_else_ce/issues_list/queries/get_issues_count.query.graphql';
-import createFlash from '~/flash';
 import { __, s__ } from '~/locale';
 import {
   FILTER_ANY,
@@ -351,15 +349,3 @@ export const filters = {
     },
   },
 };
-
-export const issuesCountSmartQueryBase = {
-  query: getIssuesCountQuery,
-  context: {
-    isSingleRequest: true,
-  },
-  update: ({ project }) => project?.issues.count,
-  error(error) {
-    createFlash({ message: i18n.errorFetchingCounts, captureError: true, error });
-  },
-  debounce: 200,
-};

app/assets/javascripts/issues_list/index.js

@@ -118,13 +118,14 @@ export function mountIssuesListApp() {
     emailsHelpPagePath,
     emptyStateSvgPath,
     exportCsvPath,
+    fullPath,
     groupEpicsPath,
+    hasAnyIssues,
     hasBlockedIssuesFeature,
     hasIssuableHealthStatusFeature,
     hasIssueWeightsFeature,
     hasIterationsFeature,
     hasMultipleIssueAssigneesFeature,
-    hasProjectIssues,
     importCsvIssuesPath,
     initialEmail,
     isSignedIn,
@@ -134,7 +135,6 @@ export function mountIssuesListApp() {
     maxAttachmentSize,
     newIssuePath,
     projectImportJiraPath,
-    projectPath,
     quickActionsHelpPath,
     resetPath,
     rssPath,
@@ -150,18 +150,18 @@ export function mountIssuesListApp() {
       calendarPath,
       canBulkUpdate: parseBoolean(canBulkUpdate),
       emptyStateSvgPath,
+      fullPath,
       groupEpicsPath,
+      hasAnyIssues: parseBoolean(hasAnyIssues),
       hasBlockedIssuesFeature: parseBoolean(hasBlockedIssuesFeature),
       hasIssuableHealthStatusFeature: parseBoolean(hasIssuableHealthStatusFeature),
       hasIssueWeightsFeature: parseBoolean(hasIssueWeightsFeature),
       hasIterationsFeature: parseBoolean(hasIterationsFeature),
       hasMultipleIssueAssigneesFeature: parseBoolean(hasMultipleIssueAssigneesFeature),
-      hasProjectIssues: parseBoolean(hasProjectIssues),
       isSignedIn: parseBoolean(isSignedIn),
       issuesPath,
       jiraIntegrationPath,
       newIssuePath,
-      projectPath,
       rssPath,
       showNewIssueLink: parseBoolean(showNewIssueLink),
       signInPath,
@@ -172,9 +172,9 @@ export function mountIssuesListApp() {
       importCsvIssuesPath,
       maxAttachmentSize,
       projectImportJiraPath,
-      showExportButton: parseBoolean(hasProjectIssues),
+      showExportButton: parseBoolean(hasAnyIssues),
       showImportButton: parseBoolean(canImportIssues),
-      showLabel: !parseBoolean(hasProjectIssues),
+      showLabel: !parseBoolean(hasAnyIssues),
       // For IssuableByEmail component
       emailsHelpPagePath,
       initialEmail,

app/assets/javascripts/issues_list/queries/get_issues.query.graphql

 #import "~/graphql_shared/fragments/pageInfo.fragment.graphql"
 #import "./issue.fragment.graphql"
 
-query getProjectIssues(
+query getIssues(
   $isSignedIn: Boolean = false
-  $projectPath: ID!
+  $fullPath: ID!
   $search: String
   $sort: IssueSort
   $state: IssuableState
@@ -20,7 +20,7 @@ query getProjectIssues(
   $firstPageSize: Int
   $lastPageSize: Int
 ) {
-  project(fullPath: $projectPath) {
+  project(fullPath: $fullPath) {
     issues(
       search: $search
       sort: $sort

app/assets/javascripts/issues_list/queries/get_issues_count.query.graphql → app/assets/javascripts/issues_list/queries/get_issues_counts.query.graphql

-query getProjectIssuesCount(
-  $projectPath: ID!
+query getIssuesCount(
+  $fullPath: ID!
   $search: String
-  $state: IssuableState
   $assigneeId: String
   $assigneeUsernames: [String!]
   $authorUsername: String
@@ -11,10 +10,38 @@ query getProjectIssuesCount(
   $types: [IssueType!]
   $not: NegatedIssueFilterInput
 ) {
-  project(fullPath: $projectPath) {
-    issues(
+  project(fullPath: $fullPath) {
+    openedIssues: issues(
+      state: opened
+      search: $search
+      assigneeId: $assigneeId
+      assigneeUsernames: $assigneeUsernames
+      authorUsername: $authorUsername
+      labelName: $labelName
+      milestoneTitle: $milestoneTitle
+      milestoneWildcardId: $milestoneWildcardId
+      types: $types
+      not: $not
+    ) {
+      count
+    }
+    closedIssues: issues(
+      state: closed
+      search: $search
+      assigneeId: $assigneeId
+      assigneeUsernames: $assigneeUsernames
+      authorUsername: $authorUsername
+      labelName: $labelName
+      milestoneTitle: $milestoneTitle
+      milestoneWildcardId: $milestoneWildcardId
+      types: $types
+      not: $not
+    ) {
+      count
+    }
+    allIssues: issues(
+      state: all
       search: $search
-      state: $state
       assigneeId: $assigneeId
       assigneeUsernames: $assigneeUsernames
       authorUsername: $authorUsername

app/assets/javascripts/issues_list/queries/search_iterations.query.graphql

-query searchIterations($projectPath: ID!, $search: String, $id: ID) {
-  project(fullPath: $projectPath) {
+query searchIterations($fullPath: ID!, $search: String, $id: ID) {
+  project(fullPath: $fullPath) {
     iterations(title: $search, id: $id) {
       nodes {
         id

app/assets/javascripts/issues_list/queries/search_labels.query.graphql

-query searchLabels($projectPath: ID!, $search: String) {
-  project(fullPath: $projectPath) {
+query searchLabels($fullPath: ID!, $search: String) {
+  project(fullPath: $fullPath) {
     labels(searchTerm: $search, includeAncestorGroups: true) {
       nodes {
         id

app/assets/javascripts/issues_list/queries/search_milestones.query.graphql

-query searchMilestones($projectPath: ID!, $search: String) {
-  project(fullPath: $projectPath) {
+query searchMilestones($fullPath: ID!, $search: String) {
+  project(fullPath: $fullPath) {
     milestones(searchTitle: $search, includeAncestors: true) {
       nodes {
         id

app/assets/javascripts/issues_list/queries/search_users.query.graphql

-query searchUsers($projectPath: ID!, $search: String) {
-  project(fullPath: $projectPath) {
+query searchUsers($fullPath: ID!, $search: String) {
+  project(fullPath: $fullPath) {
     projectMembers(search: $search) {
       nodes {
         user {

app/assets/javascripts/labels_select.js

 /* eslint-disable func-names, no-underscore-dangle, no-new, consistent-return, no-shadow, no-param-reassign, no-lonely-if, no-empty */
 /* global Issuable */
-/* global ListLabel */
 
 import $ from 'jquery';
 import { difference, isEqual, escape, sortBy, template, union } from 'lodash';
 import initDeprecatedJQueryDropdown from '~/deprecated_jquery_dropdown';
 import IssuableBulkUpdateActions from '~/issuable_bulk_update_sidebar/issuable_bulk_update_actions';
 import { isScopedLabel } from '~/lib/utils/common_utils';
-import boardsStore from './boards/stores/boards_store';
 import CreateLabelDropdown from './create_label';
 import createFlash from './flash';
 import axios from './lib/utils/axios_utils';
@@ -43,7 +41,6 @@ export default class LabelsSelect {
       const $form = $dropdown.closest('form, .js-issuable-update');
       const $sidebarCollapsedValue = $block.find('.sidebar-collapsed-icon span');
       const $value = $block.find('.value');
-      const $dropdownMenu = $dropdown.parent().find('.dropdown-menu');
       const $loading = $block.find('.block-loading').addClass('gl-display-none');
       const fieldName = $dropdown.data('fieldName');
       let initialSelected = $selectbox
@@ -341,15 +338,11 @@ export default class LabelsSelect {
           }
         },
         multiSelect: $dropdown.hasClass('js-multiselect'),
-        vue: $dropdown.hasClass('js-issue-board-sidebar'),
+        vue: false,
         clicked(clickEvent) {
-          const { $el, e, isMarking } = clickEvent;
+          const { e, isMarking } = clickEvent;
           const label = clickEvent.selectedObj;
 
-          const hideLoader = () => {
-            $loading.addClass('gl-display-none');
-          };
-
           const page = $('body').attr('data-page');
           const isIssueIndex = page === 'projects:issues:index';
           const isMRIndex = page === 'projects:merge_requests:index';
@@ -375,40 +368,6 @@ export default class LabelsSelect {
             }
           } else if ($dropdown.hasClass('js-filter-submit')) {
             return $dropdown.closest('form').submit();
-          } else if ($dropdown.hasClass('js-issue-board-sidebar')) {
-            if ($el.hasClass('is-active')) {
-              boardsStore.detail.issue.labels.push(
-                new ListLabel({
-                  id: label.id,
-                  title: label.title,
-                  color: label.color,
-                  textColor: '#fff',
-                }),
-              );
-            } else {
-              let { labels } = boardsStore.detail.issue;
-              labels = labels.filter((selectedLabel) => selectedLabel.id !== label.id);
-              boardsStore.detail.issue.labels = labels;
-            }
-
-            $loading.removeClass('gl-display-none');
-            const oldLabels = boardsStore.detail.issue.labels;
-
-            boardsStore.detail.issue
-              .update($dropdown.attr('data-issue-update'))
-              .then(() => {
-                if (isScopedLabel(label)) {
-                  const prevIds = oldLabels.map((label) => label.id);
-                  const newIds = boardsStore.detail.issue.labels.map((label) => label.id);
-                  const differentIds = prevIds.filter((x) => !newIds.includes(x));
-                  $dropdown.data('marked', newIds);
-                  $dropdownMenu
-                    .find(differentIds.map((id) => `[data-label-id="${id}"]`).join(','))
-                    .removeClass('is-active');
-                }
-              })
-              .then(hideLoader)
-              .catch(hideLoader);
           } else if (handleClick) {
             e.preventDefault();
             handleClick(label);
@@ -419,13 +378,6 @@ export default class LabelsSelect {
             }
           }
         },
-        opened() {
-          if ($dropdown.hasClass('js-issue-board-sidebar')) {
-            const previousSelection = $dropdown.attr('data-selected');
-            this.selected = previousSelection ? previousSelection.split(',') : [];
-            $dropdown.data('deprecatedJQueryDropdown').updateLabel();
-          }
-        },
         preserveContext: true,
       });
 

app/assets/javascripts/learn_gitlab/track_learn_gitlab.js

-import Tracking from '~/tracking';
-
-export default function trackLearnGitlab(learnGitlabA) {
-  Tracking.event('projects:learn_gitlab:index', 'page_init', {
-    label: 'learn_gitlab',
-    property: learnGitlabA
-      ? 'Growth::Conversion::Experiment::LearnGitLabA'
-      : 'Growth::Activation::Experiment::LearnGitLabB',
-  });
-}

app/assets/javascripts/lib/dompurify.js

@@ -52,4 +52,4 @@ addHook('afterSanitizeAttributes', (node) => {
   }
 });
 
-export const sanitize = (val, config = defaultConfig) => dompurifySanitize(val, config);
+export const sanitize = (val, config) => dompurifySanitize(val, { ...defaultConfig, ...config });

app/assets/javascripts/milestone_select.js

 /* eslint-disable one-var, no-self-compare, consistent-return, no-param-reassign, no-shadow */
 /* global Issuable */
-/* global ListMilestone */
 
 import $ from 'jquery';
 import { template, escape } from 'lodash';
@@ -8,10 +7,6 @@ import Api from '~/api';
 import initDeprecatedJQueryDropdown from '~/deprecated_jquery_dropdown';
 import { __, sprintf } from '~/locale';
 import { sortMilestonesByDueDate } from '~/milestones/milestone_utils';
-import boardsStore, {
-  boardStoreIssueSet,
-  boardStoreIssueDelete,
-} from './boards/stores/boards_store';
 import axios from './lib/utils/axios_utils';
 import { timeFor, parsePikadayDate, dateInWords } from './lib/utils/datetime_utility';
 
@@ -186,18 +181,17 @@ export default class MilestoneSelect {
         },
         opened: (e) => {
           const $el = $(e.currentTarget);
-          if ($dropdown.hasClass('js-issue-board-sidebar') || options.handleClick) {
+          if (options.handleClick) {
             selectedMilestone = $dropdown[0].dataset.selected || selectedMilestoneDefault;
           }
           $('a.is-active', $el).removeClass('is-active');
           $(`[data-milestone-id="${selectedMilestone}"] > a`, $el).addClass('is-active');
         },
-        vue: $dropdown.hasClass('js-issue-board-sidebar'),
+        vue: false,
         clicked: (clickEvent) => {
           const { e } = clickEvent;
           let selected = clickEvent.selectedObj;
 
-          let data;
           if (!selected) return;
 
           if (options.handleClick) {
@@ -224,76 +218,52 @@ export default class MilestoneSelect {
             return Issuable.filterResults($dropdown.closest('form'));
           } else if ($dropdown.hasClass('js-filter-submit')) {
             return $dropdown.closest('form').submit();
-          } else if ($dropdown.hasClass('js-issue-board-sidebar')) {
-            if (selected.id !== -1 && isSelecting) {
-              boardStoreIssueSet(
-                'milestone',
-                new ListMilestone({
-                  id: selected.id,
-                  title: selected.name,
-                }),
-              );
-            } else {
-              boardStoreIssueDelete('milestone');
-            }
+          }
 
-            $dropdown.trigger('loading.gl.dropdown');
-            $loading.removeClass('gl-display-none');
+          selected = $selectBox.find('input[type="hidden"]').val();
 
-            boardsStore.detail.issue
-              .update($dropdown.attr('data-issue-update'))
-              .then(() => {
-                $dropdown.trigger('loaded.gl.dropdown');
-                $loading.addClass('gl-display-none');
-              })
-              .catch(() => {
-                $loading.addClass('gl-display-none');
-              });
-          } else {
-            selected = $selectBox.find('input[type="hidden"]').val();
-            data = {};
-            data[abilityName] = {};
-            data[abilityName].milestone_id = selected != null ? selected : null;
-            $loading.removeClass('gl-display-none');
-            $dropdown.trigger('loading.gl.dropdown');
-            return axios
-              .put(issueUpdateURL, data)
-              .then(({ data }) => {
-                $dropdown.trigger('loaded.gl.dropdown');
-                $loading.addClass('gl-display-none');
-                $selectBox.hide();
-                $value.css('display', '');
-                if (data.milestone != null) {
-                  data.milestone.remaining = timeFor(data.milestone.due_date);
-                  data.milestone.name = data.milestone.title;
-                  $value.html(
-                    data.milestone.expired
-                      ? milestoneExpiredLinkTemplate({
-                          ...data.milestone,
-                          remaining: sprintf(__('%{due_date} (Past due)'), {
-                            due_date: dateInWords(parsePikadayDate(data.milestone.due_date)),
-                          }),
-                        })
-                      : milestoneLinkTemplate(data.milestone),
-                  );
-                  return $sidebarCollapsedValue
-                    .attr(
-                      'data-original-title',
-                      `${data.milestone.name}<br />${data.milestone.remaining}`,
-                    )
-                    .find('span')
-                    .text(data.milestone.title);
-                }
-                $value.html(milestoneLinkNoneTemplate);
+          const data = {};
+          data[abilityName] = {};
+          data[abilityName].milestone_id = selected != null ? selected : null;
+          $loading.removeClass('gl-display-none');
+          $dropdown.trigger('loading.gl.dropdown');
+          return axios
+            .put(issueUpdateURL, data)
+            .then(({ data }) => {
+              $dropdown.trigger('loaded.gl.dropdown');
+              $loading.addClass('gl-display-none');
+              $selectBox.hide();
+              $value.css('display', '');
+              if (data.milestone != null) {
+                data.milestone.remaining = timeFor(data.milestone.due_date);
+                data.milestone.name = data.milestone.title;
+                $value.html(
+                  data.milestone.expired
+                    ? milestoneExpiredLinkTemplate({
+                        ...data.milestone,
+                        remaining: sprintf(__('%{due_date} (Past due)'), {
+                          due_date: dateInWords(parsePikadayDate(data.milestone.due_date)),
+                        }),
+                      })
+                    : milestoneLinkTemplate(data.milestone),
+                );
                 return $sidebarCollapsedValue
-                  .attr('data-original-title', __('Milestone'))
+                  .attr(
+                    'data-original-title',
+                    `${data.milestone.name}<br />${data.milestone.remaining}`,
+                  )
                   .find('span')
-                  .text(__('None'));
-              })
-              .catch(() => {
-                $loading.addClass('gl-display-none');
-              });
-          }
+                  .text(data.milestone.title);
+              }
+              $value.html(milestoneLinkNoneTemplate);
+              return $sidebarCollapsedValue
+                .attr('data-original-title', __('Milestone'))
+                .find('span')
+                .text(__('None'));
+            })
+            .catch(() => {
+              $loading.addClass('gl-display-none');
+            });
         },
       });
     });

app/assets/javascripts/monitoring/components/charts/empty_chart.vue

 <script>
-/* eslint-disable vue/no-v-html */
 import chartEmptyStateIllustration from '@gitlab/svgs/dist/illustrations/chart-empty-state.svg';
 import { chartHeight } from '../../constants';
 
@@ -26,7 +25,7 @@ export default {
     <div
       class="gl-mt-3 svg-w-100 d-flex align-items-center"
       :style="svgContainerStyle"
-      v-html="chartEmptyStateIllustration"
+      v-html="chartEmptyStateIllustration /* eslint-disable-line vue/no-v-html */"
     ></div>
     <h5 class="text-center gl-mt-3">{{ __('No data to display') }}</h5>
   </div>