Rename NoticeBar and MigrationNotice components

src/components/MigrationNotice.vue → src/components/VMigrationNotice.vue

@@ -1,5 +1,5 @@
 <template>
-  <NoticeBar>
+  <VNoticeBar>
     {{ $t('migration-notice.intro') }}
     <i18n tag="span" path="migration-notice.more">
       <template #read-more>
@@ -11,14 +11,14 @@
         >
       </template>
     </i18n>
-  </NoticeBar>
+  </VNoticeBar>
 </template>
 
 <script>
-import NoticeBar from '~/components/NoticeBar/NoticeBar.vue'
+import VNoticeBar from '~/components/VNoticeBar/VNoticeBar.vue'
 
 export default {
-  name: 'MigrationNotice',
-  components: { NoticeBar },
+  name: 'VMigrationNotice',
+  components: { VNoticeBar },
 }
 </script>

src/components/NoticeBar/NoticeBar.vue → src/components/VNoticeBar/VNoticeBar.vue

@@ -13,6 +13,6 @@
  * the parent component.
  */
 export default {
-  name: 'NoticeBar',
+  name: 'VNoticeBar',
 }
 </script>

src/components/NoticeBar/meta/NoticeBar.stories.mdx → src/components/VNoticeBar/meta/NoticeBar.stories.mdx

@@ -6,7 +6,7 @@ import {
   Story,
 } from '@storybook/addon-docs'
 
-import NoticeBar from '~/components/NoticeBar/NoticeBar'
+import NoticeBar from '@/components/VNoticeBar/VNoticeBar'
 
 <Meta title="Components/Notice bar" component={NoticeBar} />
 

src/layouts/default.vue

@@ -2,7 +2,7 @@
   <div class="app grid h-screen overflow-hidden relative">
     <div>
       <VTeleportTarget name="skip-to-content" :force-destroy="true" />
-      <MigrationNotice v-show="isReferredFromCc" />
+      <VMigrationNotice v-show="isReferredFromCc" />
       <VTranslationStatusBanner />
       <VHeader />
     </div>
@@ -33,7 +33,7 @@ import { isMinScreen } from '~/composables/use-media-query'
 import { useMatchSearchRoutes } from '~/composables/use-match-routes'
 import { useScroll } from '~/composables/use-scroll'
 
-import MigrationNotice from '~/components/MigrationNotice.vue'
+import VMigrationNotice from '~/components/VMigrationNotice.vue'
 import VTranslationStatusBanner from '~/components/VTranslationStatusBanner.vue'
 import VHeader from '~/components/VHeader/VHeader.vue'
 import VModalTarget from '~/components/VModal/VModalTarget.vue'
@@ -44,7 +44,7 @@ import VTeleportTarget from '~/components/VTeleport/VTeleportTarget.vue'
 const embeddedPage = {
   name: 'embedded',
   components: {
-    MigrationNotice,
+    VMigrationNotice,
     VTranslationStatusBanner,
     VHeader,
     VModalTarget,