Feedback: GlLink => GlButton

app/assets/javascripts/whats_new/components/trigger.vue

 <script>
 import { mapActions } from 'vuex';
-import { GlLink } from '@gitlab/ui';
+import { GlButton } from '@gitlab/ui';
 
 export default {
   components: {
-    GlLink,
+    GlButton,
   },
   methods: {
     ...mapActions(['openDrawer']),
@@ -14,6 +14,6 @@ export default {
 
 <template>
   <li>
-    <gl-link @click="openDrawer">{{ __("See what's new at GitLab") }}</gl-link>
+    <gl-button variant="link" @click="openDrawer">{{ __("See what's new at GitLab") }}</gl-button>
   </li>
 </template>

app/assets/stylesheets/framework/dropdowns.scss

@@ -312,6 +312,7 @@
 
     > a,
     button,
+    .gl-button.btn-link,
     .menu-item {
       @include dropdown-link;
     }

spec/frontend/whats_new/components/trigger_spec.js

 import { createLocalVue, mount } from '@vue/test-utils';
 import Vuex from 'vuex';
-
+import { GlButton } from '@gitlab/ui';
 import Trigger from '~/whats_new/components/trigger.vue';
 
 const localVue = createLocalVue();
@@ -37,7 +37,7 @@ describe('Trigger', () => {
   });
 
   it('dispatches openDrawer when clicking close', () => {
-    wrapper.find('a').trigger('click');
+    wrapper.find(GlButton).vm.$emit('click');
     expect(actions.openDrawer).toHaveBeenCalled();
   });
 });