Merge branch 'eread/rename-banner-compontent' into 'main'

For eslint, avoid single word component names

See merge request gitlab-org/gitlab-docs!2564

3 files changed, 6 insertions, 6 deletions

diff --git a/content/frontend/default/components/version_banner.vue b/content/frontend/default/components/version_banner.vue
index 540e547d..22004a95 100644
--- a/content/frontend/default/components/version_banner.vue
+++ b/content/frontend/default/components/version_banner.vue
@@ -1,9 +1,9 @@
 <script>
-import Banner from '../../shared/components/banner.vue';
+import DocsBanner from '../../shared/components/docs_banner.vue';
 
 export default {
   components: {
-    Banner,
+    DocsBanner,
   },
   props: {
     isOutdated: {
@@ -28,8 +28,8 @@ export default {
 </script>
 
 <template>
-  <banner :show="isOutdated" @toggle="toggleVersionBanner">
+  <docs-banner :show="isOutdated" @toggle="toggleVersionBanner">
     This is <a :href="archivesUrl">archived documentation</a> for GitLab. Go to
     <a :href="latestVersionUrl">the latest</a>.
-  </banner>
+  </docs-banner>
 </template>
diff --git a/content/frontend/shared/components/banner.vue b/content/frontend/shared/components/docs_banner.vue
index 3748bf8e..3748bf8e 100644
--- a/content/frontend/shared/components/banner.vue
+++ b/content/frontend/shared/components/docs_banner.vue
diff --git a/spec/frontend/shared/components/banner_spec.js b/spec/frontend/shared/components/docs_banner_spec.js
index f7a387a5..eb89eb91 100644
--- a/spec/frontend/shared/components/banner_spec.js
+++ b/spec/frontend/shared/components/docs_banner_spec.js
@@ -3,7 +3,7 @@
  */
 
 import { mount } from '@vue/test-utils';
-import Banner from '../../../../content/frontend/shared/components/banner.vue';
+import DocsBanner from '../../../../content/frontend/shared/components/docs_banner.vue';
 
 const propsData = { text: 'Some text', show: true };
 
@@ -11,7 +11,7 @@ describe('component: Banner', () => {
   let wrapper;
 
   beforeEach(() => {
-    wrapper = mount(Banner, { propsData });
+    wrapper = mount(DocsBanner, { propsData });
   });
 
   it('renders a banner', () => {