From 8ef7320a865d84bc24c82c84aba996da23560f20 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 25 May 2024 14:48:16 +0300
Subject: [PATCH] Rename to overlay badge

---
 doc/badge/ImportDoc.vue                       | 2 +-
 doc/badge/{PositionDoc.vue => OverlayDoc.vue} | 2 +-
 pages/badge/index.vue                         | 8 ++++----
 3 files changed, 6 insertions(+), 6 deletions(-)
 rename doc/badge/{PositionDoc.vue => OverlayDoc.vue} (94%)

diff --git a/doc/badge/ImportDoc.vue b/doc/badge/ImportDoc.vue
index d79603529..234e72a8b 100644
--- a/doc/badge/ImportDoc.vue
+++ b/doc/badge/ImportDoc.vue
@@ -11,7 +11,7 @@ export default {
                 basic: `
 // import as component
 import Badge from 'primevue/badge';
-import OverlayBadge from 'primevue/overlaybadge'; // optional
+import OverlayBadge from 'primevue/overlaybadge';
 `
             }
         };
diff --git a/doc/badge/PositionDoc.vue b/doc/badge/OverlayDoc.vue
similarity index 94%
rename from doc/badge/PositionDoc.vue
rename to doc/badge/OverlayDoc.vue
index 6f948c7b5..9c3b95bc2 100644
--- a/doc/badge/PositionDoc.vue
+++ b/doc/badge/OverlayDoc.vue
@@ -1,6 +1,6 @@
 <template>
     <DocSectionText v-bind="$attrs">
-        <p>A Badge can be added to any element using the directive.</p>
+        <p>A badge can be added to any element by encapsulating the content with the <i>OverlayBadge</i> component.</p>
     </DocSectionText>
     <div class="card flex flex-wrap justify-center gap-6">
         <OverlayBadge value="2">
diff --git a/pages/badge/index.vue b/pages/badge/index.vue
index 1ff47b167..8b767fbda 100644
--- a/pages/badge/index.vue
+++ b/pages/badge/index.vue
@@ -7,7 +7,7 @@ import AccessibilityDoc from '@/doc/badge/AccessibilityDoc.vue';
 import BasicDoc from '@/doc/badge/BasicDoc.vue';
 import ButtonDoc from '@/doc/badge/ButtonDoc.vue';
 import ImportDoc from '@/doc/badge/ImportDoc.vue';
-import PositionDoc from '@/doc/badge/PositionDoc.vue';
+import OverlayDoc from '@/doc/badge/OverlayDoc.vue';
 import SeverityDoc from '@/doc/badge/SeverityDoc.vue';
 import SizeDoc from '@/doc/badge/SizeDoc.vue';
 import PTComponent from '@/doc/badge/pt/index.vue';
@@ -38,9 +38,9 @@ export default {
                     component: SizeDoc
                 },
                 {
-                    id: 'positioned',
-                    label: 'Position',
-                    component: PositionDoc
+                    id: 'overlay',
+                    label: 'Overlay',
+                    component: OverlayDoc
                 },
                 {
                     id: 'button',