Update gitlab-ui with new version of bootstrap-vue

- Migrate components to new GlTable slot syntax
- Fix feature tests that made obsolete assertions on the
tooltip component
- Migrate components to new GlTabs slot syntax
- Fix bugs caused by the new Tooltip and Popover components
- Fix bugs introduced by the new modal component.

app/assets/javascripts/error_tracking/components/error_tracking_list.vue

@@ -297,17 +297,17 @@ export default {
           stacked="sm"
           tbody-tr-class="table-row mb-4"
         >
-          <template v-slot:head(error)>
+          <template #head(error)>
             <div class="d-none d-sm-block">{{ __('Open errors') }}</div>
           </template>
-          <template v-slot:head(events)="data">
+          <template #head(events)="data">
             <div class="text-sm-right">{{ data.label }}</div>
           </template>
-          <template v-slot:head(users)="data">
+          <template #head(users)="data">
             <div class="text-sm-right">{{ data.label }}</div>
           </template>
 
-          <template v-slot:error="errors">
+          <template #cell(error)="errors">
             <div class="d-flex flex-column">
               <gl-link class="d-flex mw-100 text-dark" :href="getDetailsLink(errors.item.id)">
                 <strong class="text-truncate">{{ errors.item.title.trim() }}</strong>
@@ -317,20 +317,20 @@ export default {
               </span>
             </div>
           </template>
-          <template v-slot:events="errors">
+          <template #cell(events)="errors">
             <div class="text-right">{{ errors.item.count }}</div>
           </template>
 
-          <template v-slot:users="errors">
+          <template #cell(users)="errors">
             <div class="text-right">{{ errors.item.userCount }}</div>
           </template>
 
-          <template v-slot:lastSeen="errors">
+          <template #cell(lastSeen)="errors">
             <div class="text-md-left text-right">
               <time-ago :time="errors.item.lastSeen" class="text-secondary" />
             </div>
           </template>
-          <template v-slot:ignore="errors">
+          <template #cell(ignore)="errors">
             <gl-button
               ref="ignoreError"
               v-gl-tooltip.hover
@@ -340,7 +340,7 @@ export default {
               <gl-icon name="eye-slash" :size="12" />
             </gl-button>
           </template>
-          <template v-slot:resolved="errors">
+          <template #cell(resolved)="errors">
             <gl-button
               ref="resolveError"
               v-gl-tooltip
@@ -350,7 +350,7 @@ export default {
               <gl-icon name="check-circle" :size="12" />
             </gl-button>
           </template>
-          <template v-slot:details="errors">
+          <template #cell(details)="errors">
             <gl-button
               :href="getDetailsLink(errors.item.id)"
               variant="outline-info"
@@ -359,7 +359,7 @@ export default {
               {{ __('More details') }}
             </gl-button>
           </template>
-          <template v-slot:empty>
+          <template #empty>
             {{ __('No errors to display.') }}
             <gl-link class="js-try-again" @click="restartPolling">
               {{ __('Check again') }}

app/assets/javascripts/vue_shared/components/markdown/header.vue

@@ -128,8 +128,8 @@ export default {
               @click="handleSuggestDismissed"
             />
             <gl-popover
-              v-if="showSuggestPopover"
-              :target="() => $refs.suggestButton"
+              v-if="showSuggestPopover && $refs.suggestButton"
+              :target="$refs.suggestButton"
               :css-classes="['diff-suggest-popover']"
               placement="bottom"
               :show="showSuggestPopover"

ee/app/assets/javascripts/analytics/code_review_analytics/components/merge_request_table.vue

@@ -82,7 +82,7 @@ export default {
     stacked="sm"
     thead-class="thead-white border-bottom"
   >
-    <template #mr_details="items">
+    <template #cell(mr_details)="items">
       <div class="d-flex flex-column flex-grow align-items-end align-items-sm-start">
         <div class="mr-title str-truncated my-2">
           <gl-link :href="items.item.web_url" target="_blank" class="font-weight-bold text-plain">{{
@@ -102,7 +102,7 @@ export default {
       </div>
     </template>
 
-    <template #review_time="{ value }">
+    <template #cell(review_time)="{ value }">
       <template v-if="value">
         {{ formatReviewTime(value) }}
       </template>
@@ -111,17 +111,17 @@ export default {
       </template>
     </template>
 
-    <template #author="{ value }">
+    <template #cell(author)="{ value }">
       <gl-avatar-link target="blank" :href="value.web_url">
         <gl-avatar :size="24" :src="value.avatar_url" :entity-name="value.name" />
       </gl-avatar-link>
     </template>
 
-    <template #diff_stats="{ value }">
+    <template #cell(diff_stats)="{ value }">
       <span>{{ value.commits_count }}</span>
     </template>
 
-    <template #line_changes="items">
+    <template #cell(line_changes)="items">
       <span class="font-weight-bold cgreen"> +{{ items.item.diff_stats.additions }} </span>
       <span class="font-weight-bold cred"> -{{ items.item.diff_stats.deletions }} </span>
     </template>

ee/app/assets/javascripts/approvals/components/approval_check_popover.vue

@@ -42,7 +42,7 @@ export default {
       :size="14"
     />
     <gl-popover
-      :target="() => $refs.reportInfo"
+      :target="() => $refs.reportInfo.$el"
       placement="top"
       triggers="click blur"
       :title="title"

ee/app/assets/javascripts/clusters/components/environments.vue

@@ -107,26 +107,26 @@ export default {
       head-variant="white"
     >
       <!-- column: Project -->
-      <template slot="project" slot-scope="data">
+      <template #cell(project)="data">
         <a :href="`/${data.value.path_with_namespace}`">{{ data.value.name }}</a>
       </template>
 
       <!-- column: Name -->
-      <template slot="name" slot-scope="row">
+      <template #cell(name)="row">
         <a :href="`${row.item.environmentPath}`">{{ row.item.name }}</a>
       </template>
 
       <!-- column: Job -->
-      <template slot="lastDeployment" slot-scope="data">
+      <template #cell(lastDeployment)="data">
         {{ __('deploy') }} #{{ data.value.id }}
       </template>
 
       <!-- column: Pods in use -->
-      <template slot="HEAD_rolloutStatus" slot-scope="data">
+      <template #head(rolloutStatus)="data">
         {{ data.label }} <span class="badge badge-pill pods-badge bold">{{ podsInUseCount }}</span>
       </template>
 
-      <template slot="rolloutStatus" slot-scope="row">
+      <template #cell(rolloutStatus)="row">
         <!-- Loading Rollout -->
         <gl-loading-icon
           v-if="isLoadingRollout(row.item.rolloutStatus)"
@@ -160,7 +160,7 @@ export default {
       </template>
 
       <!-- column: Last updated -->
-      <template slot="updatedAt" slot-scope="data">
+      <template #cell(updatedAt)="data">
         <time-ago :time="data.value" />
       </template>
     </gl-table>

ee/app/assets/javascripts/dependencies/components/app.vue

@@ -159,7 +159,7 @@ export default {
         </template>
         <paginated-dependencies-table :namespace="listType.namespace" />
       </gl-tab>
-      <template #tabs>
+      <template #tabs-end>
         <li class="d-flex align-items-center ml-sm-auto">
           <dependencies-actions :namespace="currentList" class="my-2 my-sm-0" />
         </li>

ee/app/assets/javascripts/feature_flags/components/feature_flags_table.vue

 <script>
 import _ from 'underscore';
-import { GlButton, GlTooltipDirective, GlModalDirective, GlModal, GlToggle } from '@gitlab/ui';
+import { GlButton, GlTooltipDirective, GlModal, GlToggle } from '@gitlab/ui';
 import { sprintf, s__ } from '~/locale';
 import Icon from '~/vue_shared/components/icon.vue';
 import glFeatureFlagMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
@@ -14,7 +14,6 @@ export default {
     GlToggle,
   },
   directives: {
-    GlModalDirective,
     GlTooltip: GlTooltipDirective,
   },
   mixins: [glFeatureFlagMixin()],
@@ -90,6 +89,8 @@ export default {
     setDeleteModalData(featureFlag) {
       this.deleteFeatureFlagUrl = featureFlag.destroy_path;
       this.deleteFeatureFlagName = featureFlag.name;
+
+      this.$refs[this.modalId].show();
     },
     onSubmit() {
       this.$refs.form.submit();
@@ -189,7 +190,6 @@ export default {
             <template v-if="featureFlag.destroy_path">
               <gl-button
                 v-gl-tooltip.hover.bottom="__('Delete')"
-                v-gl-modal-directive="modalId"
                 class="js-feature-flag-delete-button"
                 variant="danger"
                 :disabled="!canDeleteFlag(featureFlag)"
@@ -204,6 +204,7 @@ export default {
     </template>
 
     <gl-modal
+      :ref="modalId"
       :title="modalTitle"
       :ok-title="s__('FeatureFlags|Delete feature flag')"
       :modal-id="modalId"

ee/app/assets/javascripts/packages/details/components/app.vue

@@ -261,7 +261,7 @@ export default {
       :items="filesTableRows"
       tbody-tr-class="js-file-row"
     >
-      <template #name="items">
+      <template #cell(name)="items">
         <gl-icon name="doc-code" class="space-right" />
         <gl-link
           :href="items.item.downloadPath"
@@ -272,7 +272,7 @@ export default {
         </gl-link>
       </template>
 
-      <template #created="items">
+      <template #cell(created)="items">
         <span v-gl-tooltip :title="tooltipTitle(items.item.created)">{{
           timeFormatted(items.item.created)
         }}</span>

ee/app/assets/javascripts/packages/list/components/packages_list.vue

@@ -190,7 +190,7 @@ export default {
         :no-local-sorting="true"
         stacked="md"
       >
-        <template #name="{value, item}">
+        <template #cell(name)="{value, item}">
           <div ref="col-name" class="flex-truncate-parent">
             <a
               :href="item._links.web_path"
@@ -202,21 +202,21 @@ export default {
           </div>
         </template>
 
-        <template #project="{value}">
+        <template #cell(project)="{value}">
           <div ref="col-project" class="flex-truncate-parent">
             <a :href="value" class="flex-truncate-child"> {{ value }} </a>
           </div>
         </template>
-        <template #version="{value}">
+        <template #cell(version)="{value}">
           {{ value }}
         </template>
-        <template #package_type="{value}">
+        <template #cell(package_type)="{value}">
           {{ value }}
         </template>
-        <template #created_at="{value}">
+        <template #cell(created_at)="{value}">
           <time-ago-tooltip :time="value" />
         </template>
-        <template #actions="{item}">
+        <template #cell(actions)="{item}">
           <gl-button
             ref="action-delete"
             variant="danger"

ee/app/assets/javascripts/pages/groups/saml_providers/saml_members/index.vue

@@ -39,7 +39,7 @@ export default {
   <div class="prepend-top-default">
     <gl-skeleton-loading v-if="isInitialLoadInProgress" />
     <gl-table v-else :items="members" :fields="$options.fields">
-      <template #name="{ item }">
+      <template #cell(name)="{ item }">
         <span class="d-flex">
           <gl-avatar v-gl-tooltip :src="item.avatar_url" :size="48" />
           <div class="ml-2">
@@ -57,7 +57,7 @@ export default {
           </div>
         </span>
       </template>
-      <template #identity="{ value }">
+      <template #cell(identity)="{ value }">
         <span class="font-weight-bold">{{ value }}</span>
       </template>
     </gl-table>

ee/app/assets/javascripts/security_dashboard/components/vulnerability_chart.vue

@@ -126,15 +126,15 @@ export default {
       thead-class="thead-white"
       class="js-vulnerabilities-chart-severity-level-breakdown mb-2"
     >
-      <template #HEAD_changeInPercent="{ label }">
+      <template #head(changeInPercent)="{ label }">
         <span v-gl-tooltip :title="__('Difference between start date and now')">{{ label }}</span>
       </template>
 
-      <template #HEAD_currentVulnerabilitiesCount="{ label }">
+      <template #head(currentVulnerabilitiesCount)="{ label }">
         <span v-gl-tooltip :title="__('Current vulnerabilities count')">{{ label }}</span>
       </template>
 
-      <template #severityLevel="{ value }">
+      <template #cell(severityLevel)="{ value }">
         <div class="gl-font-size-large">
           <severity-badge
             :ref="`severityBadge${value}`"
@@ -143,7 +143,7 @@ export default {
           />
         </div>
       </template>
-      <template #chartData="{ item }">
+      <template #cell(chartData)="{ item }">
         <div class="position-relative h-32-px">
           <gl-sparkline-chart
             :ref="`sparklineChart${item.severityLevel}`"
@@ -155,10 +155,10 @@ export default {
           />
         </div>
       </template>
-      <template #changeInPercent="{ value }">
+      <template #cell(changeInPercent)="{ value }">
         <span ref="changeInPercent">{{ value }}</span>
       </template>
-      <template #currentVulnerabilitiesCount="{ value }">
+      <template #cell(currentVulnerabilitiesCount)="{ value }">
         <span ref="currentVulnerabilitiesCount">{{ value }}</span>
       </template>
     </gl-table>

ee/spec/features/projects/environments/environments_spec.rb

@@ -52,7 +52,7 @@ describe 'Environments page', :js do
       end
 
       it 'shows a stop button' do
-        stop_button_selector = %q{button[data-original-title="Stop environment"]}
+        stop_button_selector = %q{button[title="Stop environment"]}
 
         expect(page).to have_selector(stop_button_selector)
       end
@@ -92,7 +92,7 @@ describe 'Environments page', :js do
       end
 
       it 'shows re deploy button' do
-        redeploy_button_selector = %q{button[data-original-title="Re-deploy to environment"]}
+        redeploy_button_selector = %q{button[title="Re-deploy to environment"]}
 
         expect(page).to have_selector(redeploy_button_selector)
       end
@@ -136,7 +136,7 @@ describe 'Environments page', :js do
       end
 
       it 'does not show a stop button' do
-        stop_button_selector = %q{button[data-original-title="Stop environment"]}
+        stop_button_selector = %q{button[title="Stop environment"]}
 
         expect(page).not_to have_selector(stop_button_selector)
       end
@@ -176,7 +176,7 @@ describe 'Environments page', :js do
       end
 
       it 'does not show a re deploy button' do
-        redeploy_button_selector = %q{button[data-original-title="Re-deploy to environment"]}
+        redeploy_button_selector = %q{button[title="Re-deploy to environment"]}
 
         expect(page).not_to have_selector(redeploy_button_selector)
       end

ee/spec/frontend/analytics/code_review_analytics/components/__snapshots__/merge_request_table_spec.js.snap

@@ -4,9 +4,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
 <table
   aria-busy="false"
   aria-colcount="6"
-  aria-describedby="__BVID__13__caption_"
+  aria-describedby="__BVID__31__caption_"
   class="table b-table gl-table my-3 b-table-stacked-sm"
-  id="__BVID__13"
+  id="__BVID__31"
   role="table"
 >
   <!---->
@@ -17,6 +17,7 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
   >
     <!---->
     <tr
+      class=""
       role="row"
     >
       <th
@@ -69,14 +70,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
       </th>
     </tr>
   </thead>
-  <!---->
   <tbody
-    class=""
     role="rowgroup"
-  >
-    <!---->
-    <!---->
+  />
   <!---->
-  </tbody>
 </table>
 `;

ee/spec/frontend/environments_dashboard/components/__snapshots__/dashboard_spec.js.snap

@@ -35,6 +35,7 @@ exports[`dashboard should match the snapshot 1`] = `
       class="js-add-projects-button btn btn-success"
       role="button"
       size="md"
+      tabindex="0"
       variant="secondary"
     >
       

ee/spec/frontend/security_dashboard/components/filter_spec.js

@@ -20,6 +20,7 @@ describe('Filter component', () => {
       },
       propsData,
       store,
+      attachToDocument: true,
     });
   };
 

package.json

@@ -40,7 +40,7 @@
     "@babel/plugin-syntax-import-meta": "^7.2.0",
     "@babel/preset-env": "^7.6.2",
     "@gitlab/svgs": "^1.90.0",
-    "@gitlab/ui": "^8.21.0",
+    "@gitlab/ui": "^9.0.0",
     "@gitlab/visual-review-tools": "1.5.1",
     "@sentry/browser": "^5.10.2",
     "@sourcegraph/code-host-integration": "0.0.21",

spec/features/issues/create_issue_for_discussions_in_merge_request_spec.rb

@@ -11,7 +11,7 @@ describe 'Resolving all open threads in a merge request from an issue', :js do
   def resolve_all_discussions_link_selector
     text = "Resolve all threads in new issue"
     url = new_project_issue_path(project, merge_request_to_resolve_discussions_of: merge_request.iid)
-    %Q{a[data-original-title="#{text}"][href="#{url}"]}
+    %Q{a[title="#{text}"][href="#{url}"]}
   end
 
   describe 'as a user with access to the project' do

spec/features/issues/create_issue_for_single_discussion_in_merge_request_spec.rb

@@ -11,7 +11,7 @@ describe 'Resolve an open thread in a merge request by creating an issue', :js d
   def resolve_discussion_selector
     title = 'Resolve this thread in a new issue'
     url = new_project_issue_path(project, discussion_to_resolve: discussion.id, merge_request_to_resolve_discussions_of: merge_request.iid)
-    "a[data-original-title=\"#{title}\"][href=\"#{url}\"]"
+    "a[title=\"#{title}\"][href=\"#{url}\"]"
   end
 
   describe 'As a user with access to the project' do

spec/features/merge_request/user_edits_assignees_sidebar_spec.rb

@@ -16,7 +16,7 @@ describe 'Merge request > User edits assignees sidebar', :js do
   # DOM finders to simplify and improve readability
   let(:sidebar_assignee_block) { page.find('.js-issuable-sidebar .assignee') }
   let(:sidebar_assignee_avatar_link) { sidebar_assignee_block.find_all('a').find { |a| a['href'].include? assignee.username } }
-  let(:sidebar_assignee_tooltip) { sidebar_assignee_avatar_link['data-original-title'] || '' }
+  let(:sidebar_assignee_tooltip) { sidebar_assignee_avatar_link['title'] || '' }
   let(:sidebar_assignee_dropdown_item) { sidebar_assignee_block.find(".dropdown-menu li[data-user-id=\"#{assignee.id}\"]") }
   let(:sidebar_assignee_dropdown_tooltip) { sidebar_assignee_dropdown_item.find('a')['data-title'] || '' }
 

spec/features/merge_request/user_sees_deployment_widget_spec.rb

@@ -29,7 +29,7 @@ describe 'Merge request > User sees deployment widget', :js do
         wait_for_requests
 
         expect(page).to have_content("Deployed to #{environment.name}")
-        expect(find('.js-deploy-time')['data-original-title']).to eq(deployment.created_at.to_time.in_time_zone.to_s(:medium))
+        expect(find('.js-deploy-time')['title']).to eq(deployment.created_at.to_time.in_time_zone.to_s(:medium))
       end
 
       context 'when a user created a new merge request with the same SHA' do

spec/features/merge_request/user_suggests_changes_on_diff_spec.rb

@@ -112,7 +112,7 @@ describe 'User comments on a diff', :js do
       changes = sample_compare(expanded_changes).changes.last(expanded_changes.size)
 
       page.within("[id='#{hash}']") do
-        find("button[data-original-title='Show full file']").click
+        find("button[title='Show full file']").click
         wait_for_requests
 
         click_diff_line(find("[id='#{changes.first[:line_code]}']"))

spec/features/projects/environments/environments_spec.rb

@@ -13,7 +13,7 @@ describe 'Environments page', :js do
   end
 
   def stop_button_selector
-    %q{button[data-original-title="Stop environment"]}
+    %q{button[title="Stop environment"]}
   end
 
   describe 'page tabs' do

spec/features/projects/pipelines/pipeline_spec.rb

@@ -217,7 +217,7 @@ describe 'Pipeline', :js do
         it 'includes the failure reason' do
           page.within('#ci-badge-test') do
             build_link = page.find('.js-pipeline-graph-job-link')
-            expect(build_link['data-original-title']).to eq('test - failed - (unknown failure)')
+            expect(build_link['title']).to eq('test - failed - (unknown failure)')
           end
         end
       end

spec/features/projects/pipelines/pipelines_spec.rb

@@ -270,7 +270,7 @@ describe 'Pipelines', :js do
         it 'contains badge with tooltip which contains error' do
           expect(pipeline).to have_yaml_errors
           expect(page).to have_selector(
-            %Q{span[data-original-title="#{pipeline.yaml_errors}"]})
+            %Q{span[title="#{pipeline.yaml_errors}"]})
         end
 
         it 'contains badge that indicates failure reason' do
@@ -280,7 +280,7 @@ describe 'Pipelines', :js do
         it 'contains badge with tooltip which contains failure reason' do
           expect(pipeline.failure_reason?).to eq true
           expect(page).to have_selector(
-            %Q{span[data-original-title="#{pipeline.present.failure_reason}"]})
+            %Q{span[title="#{pipeline.present.failure_reason}"]})
         end
       end
 
@@ -569,7 +569,7 @@ describe 'Pipelines', :js do
 
             within('.js-builds-dropdown-list') do
               build_element = page.find('.mini-pipeline-graph-dropdown-item')
-              expect(build_element['data-original-title']).to eq('build - failed - (unknown failure)')
+              expect(build_element['title']).to eq('build - failed - (unknown failure)')
             end
           end
         end

spec/features/projects/view_on_env_spec.rb

@@ -65,7 +65,7 @@ describe 'View on environment', :js do
           within '.diffs' do
             text = 'View on feature.review.example.com'
             url = 'http://feature.review.example.com/ruby/feature'
-            expect(page).to have_selector("a[data-original-title='#{text}'][href='#{url}']")
+            expect(page).to have_selector("a[title='#{text}'][href='#{url}']")
           end
         end
       end

spec/frontend/clusters/components/__snapshots__/remove_cluster_confirmation_spec.js.snap

@@ -3,7 +3,7 @@
 exports[`Remove cluster confirmation modal renders splitbutton with modal included 1`] = `
 <div>
   <div
-    class="dropdown btn-group b-dropdown gl-dropdown"
+    class="dropdown b-dropdown gl-dropdown btn-group"
   >
     <button
       class="btn btn-danger"
@@ -31,7 +31,9 @@ exports[`Remove cluster confirmation modal renders splitbutton with modal includ
       role="menu"
       tabindex="-1"
     >
-      <li>
+      <li
+        role="presentation"
+      >
         <button
           class="dropdown-item is-active"
           role="menuitem"
@@ -47,14 +49,18 @@ exports[`Remove cluster confirmation modal renders splitbutton with modal includ
         </button>
       </li>
        
-      <li>
+      <li
+        role="presentation"
+      >
         <hr
           aria-orientation="horizontal"
           class="dropdown-divider"
           role="separator"
         />
       </li>
-      <li>
+      <li
+        role="presentation"
+      >
         <button
           class="dropdown-item"
           role="menuitem"

spec/support/shared_examples/features/error_tracking_shared_example.rb

@@ -8,7 +8,7 @@ shared_examples 'error tracking index page' do
     end
 
     within('div.error-list') do
-      expect(page).to have_content('Error')
+      expect(page).to have_content('Open errors')
       expect(page).to have_content('Events')
       expect(page).to have_content('Users')
       expect(page).to have_content('Last Seen')

yarn.lock

@@ -737,14 +737,14 @@
   resolved "https://registry.yarnpkg.com/@gitlab/svgs/-/svgs-1.90.0.tgz#e6fe0ca3d353fcdbd792c10d82444383c33f539d"
   integrity sha512-6UikaIMGosmrDAd6Lf3QIJWDM4FwhoGIN+CJuFcWeHDMbZT69LnTabuGfvOQmp2+nlI68baRTSDufaux7m9Ajw==
 
-"@gitlab/ui@^8.21.0":
-  version "8.21.0"
-  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-8.21.0.tgz#30869847251d525c8402487cea16886b43f134e9"
-  integrity sha512-CLtpvF11aNOt+ttdE4xZTGM3sg124U/nYPrmGkre5FLcLqmSoK1LmRkflLHMUAwHWXz7CvxmSDZa2YshC3SsyQ==
+"@gitlab/ui@^9.0.0":
+  version "9.0.0"
+  resolved "https://registry.yarnpkg.com/@gitlab/ui/-/ui-9.0.0.tgz#16d637f47ba0537100fd1c6d452b56174b50171b"
+  integrity sha512-OfP8UAticpqKkqbPBZ+7bbCBsd9Fxq3eL55Uq5nEwxJ8gGXm+nSc+HFnbzX/ryv0iz5+7nCI4DfIfgy9E4QAeQ==
   dependencies:
     "@babel/standalone" "^7.0.0"
     "@gitlab/vue-toasted" "^1.3.0"
-    bootstrap-vue "2.0.0-rc.27"
+    bootstrap-vue "2.1.0"
     copy-to-clipboard "^3.0.8"
     echarts "^4.2.1"
     highlight.js "^9.13.1"
@@ -925,14 +925,14 @@
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
-"@nuxt/opencollective@^0.2.2":
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/@nuxt/opencollective/-/opencollective-0.2.2.tgz#17adc7d380457379cd14cbb64a435ea196cc4a6e"
-  integrity sha512-ie50SpS47L+0gLsW4yP23zI/PtjsDRglyozX2G09jeiUazC1AJlGPZo0JUs9iuCDUoIgsDEf66y7/bSfig0BpA==
+"@nuxt/opencollective@^0.3.0":
+  version "0.3.0"
+  resolved "https://registry.yarnpkg.com/@nuxt/opencollective/-/opencollective-0.3.0.tgz#11d8944dcf2d526e31660bb69570be03f8fb72b7"
+  integrity sha512-Vf09BxCdj1iT2IRqVwX5snaY2WCTkvM0O4cWWSO1ThCFuc4if0Q/nNwAgCxRU0FeYHJ7DdyMUNSdswCLKlVqeg==
   dependencies:
-    chalk "^2.4.1"
-    consola "^2.3.0"
-    node-fetch "^2.3.0"
+    chalk "^2.4.2"
+    consola "^2.10.1"
+    node-fetch "^2.6.0"
 
 "@sentry/browser@^5.10.2":
   version "5.10.2"
@@ -2061,18 +2061,18 @@ bonjour@^3.5.0:
     multicast-dns "^6.0.1"
     multicast-dns-service-types "^1.1.0"
 
-bootstrap-vue@2.0.0-rc.27:
-  version "2.0.0-rc.27"
-  resolved "https://registry.yarnpkg.com/bootstrap-vue/-/bootstrap-vue-2.0.0-rc.27.tgz#884a46a71948d13c9729134cb564467f79a7b2b9"
-  integrity sha512-gXdpt2IsKbmC3SU0bf/RgldWwgrXK7G47yslOtkk4OA1z6fOzb2orM2vU5L8NCNZQomYax9LapRucv+8PByfdA==
+bootstrap-vue@2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/bootstrap-vue/-/bootstrap-vue-2.1.0.tgz#41c0cd265a6cea14ffe29eeea71543ec396d1789"
+  integrity sha512-dftb5fc42x7QLv814nN+3Cx8MMuCB+xrGQjOmSXH81ET0+yo7KYb4lUN3/pOnf+8Tkv8oaawZ1OOth5/AZfktg==
   dependencies:
-    "@nuxt/opencollective" "^0.2.2"
-    bootstrap "^4.3.1"
-    popper.js "^1.15.0"
-    portal-vue "^2.1.5"
+    "@nuxt/opencollective" "^0.3.0"
+    bootstrap ">=4.3.1 <5.0.0"
+    popper.js "^1.16.0"
+    portal-vue "^2.1.6"
     vue-functional-data-merge "^3.1.0"
 
-bootstrap@4.3.1, bootstrap@^4.3.1:
+bootstrap@4.3.1, "bootstrap@>=4.3.1 <5.0.0":
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-4.3.1.tgz#280ca8f610504d99d7b6b4bfc4b68cec601704ac"
   integrity sha512-rXqOmH1VilAt2DyPzluTi2blhk17bO7ef+zLLPlWvG494pDxcM234pJ8wTc/6R40UWizAIIMgxjvxZg5kmsbag==
@@ -2893,10 +2893,10 @@ connect@^3.6.0:
     parseurl "~1.3.2"
     utils-merge "1.0.1"
 
-consola@^2.3.0:
-  version "2.11.3"
-  resolved "https://registry.yarnpkg.com/consola/-/consola-2.11.3.tgz#f7315836224c143ac5094b47fd4c816c2cd1560e"
-  integrity sha512-aoW0YIIAmeftGR8GSpw6CGQluNdkWMWh3yEFjH/hmynTYnMtibXszii3lxCXmk8YxJtI3FAK5aTiquA5VH68Gw==
+consola@^2.10.1:
+  version "2.10.1"
+  resolved "https://registry.yarnpkg.com/consola/-/consola-2.10.1.tgz#4693edba714677c878d520e4c7e4f69306b4b927"
+  integrity sha512-4sxpH6SGFYLADfUip4vuY65f/gEogrzJoniVhNUYkJHtng0l8ZjnDCqxxrSVRHOHwKxsy8Vm5ONZh1wOR3/l/w==
 
 console-browserify@^1.1.0:
   version "1.1.0"
@@ -7964,7 +7964,7 @@ node-ensure@^0.0.0:
   resolved "https://registry.yarnpkg.com/node-ensure/-/node-ensure-0.0.0.tgz#ecae764150de99861ec5c810fd5d096b183932a7"
   integrity sha1-7K52QVDemYYexcgQ/V0Jaxg5Mqc=
 
-node-fetch@^2.3.0:
+node-fetch@^2.6.0:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.0.tgz#e633456386d4aa55863f676a7ab0daa8fdecb0fd"
   integrity sha512-8dG4H5ujfvFiqDmVu9fQ5bOHUC15JMjMY/Zumv26oOvvVJjM67KF8koCWIabKQ1GJIa9r2mMZscBq/TbdOcmNA==
@@ -8800,15 +8800,15 @@ pofile@^1:
   resolved "https://registry.yarnpkg.com/pofile/-/pofile-1.0.11.tgz#35aff58c17491d127a07336d5522ebc9df57c954"
   integrity sha512-Vy9eH1dRD9wHjYt/QqXcTz+RnX/zg53xK+KljFSX30PvdDMb2z+c6uDUeblUGqqJgz3QFsdlA0IJvHziPmWtQg==
 
-popper.js@^1.14.7, popper.js@^1.15.0:
+popper.js@^1.14.7, popper.js@^1.16.0:
   version "1.16.0"
   resolved "https://registry.yarnpkg.com/popper.js/-/popper.js-1.16.0.tgz#2e1816bcbbaa518ea6c2e15a466f4cb9c6e2fbb3"
   integrity sha512-+G+EkOPoE5S/zChTpmBSSDYmhXJ5PsW8eMhH8cP/CQHMFPBG/kC9Y5IIw6qNYgdJ+/COf0ddY2li28iHaZRSjw==
 
-portal-vue@^2.1.5, portal-vue@^2.1.6:
-  version "2.1.7"
-  resolved "https://registry.yarnpkg.com/portal-vue/-/portal-vue-2.1.7.tgz#ea08069b25b640ca08a5b86f67c612f15f4e4ad4"
-  integrity sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==
+portal-vue@^2.1.6:
+  version "2.1.6"
+  resolved "https://registry.yarnpkg.com/portal-vue/-/portal-vue-2.1.6.tgz#a7d4790b14a79af7fd159a60ec88c30cddc6c639"
+  integrity sha512-lvCF85D4e8whd0nN32D8FqKwwkk7nYUI3Ku8UAEx4Z1reomu75dv5evRUTZNaj1EalxxWNXiNl0EHRq36fG8WA==
 
 portfinder@^1.0.24:
   version "1.0.24"