diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 4222b2f..657f261 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -121,7 +121,7 @@ export default defineConfig({
 
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2022 Flowbite™'
+      copyright: 'Copyright © 2023 Flowbite™'
     },
 
   },
diff --git a/docs/components/accordion.md b/docs/components/accordion.md
index 425f0da..67a0bcb 100644
--- a/docs/components/accordion.md
+++ b/docs/components/accordion.md
@@ -4,7 +4,7 @@ import AccordionAlwaysOpenExample from './accordion/examples/AccordionAlwaysOpen
 import AccordionFlushExample from './accordion/examples/AccordionFlushExample.vue';
 import AccordionStyledHeadersExample from './accordion/examples/AccordionStyledHeadersExample.vue';
 </script>
-# Vue Accordion Component - Flowbite
+# Vue Accordion - Flowbite
 
 #### Use Tailwind CSS accordion component to show expanding content
 ---
diff --git a/docs/components/alert.md b/docs/components/alert.md
index da9aedf..b6d2393 100644
--- a/docs/components/alert.md
+++ b/docs/components/alert.md
@@ -7,7 +7,7 @@ import AlertIconExample from './alert/examples/AlertIconExample.vue';
 import AlertInlineExample from './alert/examples/AlertInlineExample.vue';
 </script>
 
-# Vue Alert Component - Flowbite
+# Vue Alert - Flowbite
 
 #### Show contextual information to your users using alert elements based on Tailwind CSS
 
diff --git a/docs/components/avatar.md b/docs/components/avatar.md
index b8a5b3c..b47e582 100644
--- a/docs/components/avatar.md
+++ b/docs/components/avatar.md
@@ -11,7 +11,7 @@ import AvatarPlaceholderExample from './avatar/examples/AvatarPlaceholderExample
 import AvatarPlaceholderInitialsExample from './avatar/examples/AvatarPlaceholderInitialsExample.vue'
 
 </script>
-# Vue Avatar Component - Flowbite
+# Vue Avatar - Flowbite
 Use the avatar component to show a visual representation of a user profile using an image element or SVG object based on multiple styles and sizes
 
 ## Default avatar
diff --git a/docs/components/badge.md b/docs/components/badge.md
index af4c332..d003f48 100644
--- a/docs/components/badge.md
+++ b/docs/components/badge.md
@@ -5,7 +5,7 @@ import BadgeLinksExample from './badge/examples/BadgeLinksExample.vue'
 import BadgeIconsExample from './badge/examples/BadgeIconsExample.vue'
 import BadgeOnlyIconsExample from './badge/examples/BadgeOnlyIconsExample.vue'
 </script>
-# Vue Badge Component - Flowbite
+# Vue Badge - Flowbite
 
 #### Use Tailwind CSS badges as elements to show counts or labels separately or inside other components
 ---
diff --git a/docs/components/breadcrumb.md b/docs/components/breadcrumb.md
index 3c16336..7fab89c 100644
--- a/docs/components/breadcrumb.md
+++ b/docs/components/breadcrumb.md
@@ -3,7 +3,7 @@ import BreadcrumbExample from './breadcrumb/examples/BreadcrumbExample.vue'
 import BreadcrumbSolidExample from './breadcrumb/examples/BreadcrumbSolidExample.vue'
 import BreadcrumbCustomIconsExample from './breadcrumb/examples/BreadcrumbCustomIconsExample.vue'
 </script>
-# Vue Breadcrumb Component - Flowbite
+# Vue Breadcrumb - Flowbite
 The breadcrumb component is an important part of any website or application that can be used to show the current location of a page in a hierarchical structure of pages.
 
 Flowbite includes two styles of breadcrumb elements, one that has a transparent background and a few more that come with a background in different colors.
diff --git a/docs/components/button-group.md b/docs/components/button-group.md
index 4cdf35c..9be817f 100644
--- a/docs/components/button-group.md
+++ b/docs/components/button-group.md
@@ -3,7 +3,7 @@ import ButtonGroupBasicExample from './buttonGroup/examples/ButtonGroupBasicExam
 import ButtonGroupIconExample from './buttonGroup/examples/ButtonGroupIconExample.vue';
 </script>
 
-# Vue Button Group Component - Flowbite
+# Vue Button Group - Flowbite
 
 #### Button groups are a Tailwind CSS powered set of buttons sticked together in a horizontal line
 
diff --git a/docs/components/button.md b/docs/components/button.md
index 8663abe..f1996de 100644
--- a/docs/components/button.md
+++ b/docs/components/button.md
@@ -15,7 +15,7 @@ import ButtonDisabledExample from './button/examples/ButtonDisabledExample.vue';
 import ButtonLoadingExample from './button/examples/ButtonLoadingExample.vue';
 </script>
 
-# Vue Button Component - Flowbite
+# Vue Button - Flowbite
 
 #### Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows
 
diff --git a/docs/components/card.md b/docs/components/card.md
index 2793278..61cc94d 100644
--- a/docs/components/card.md
+++ b/docs/components/card.md
@@ -3,7 +3,7 @@ import CardDefaultExample from './card/examples/CardDefaultExample.vue'
 import CardImageExample from './card/examples/CardImageExample.vue'
 import CardHorizontalExample from './card/examples/CardHorizontalExample.vue'
 </script>
-# Vue Card Components - Flowbite
+# Vue Card - Flowbite
 
 #### Get started with a large variety of Tailwind CSS card examples for your web project
 
diff --git a/docs/components/carousel.md b/docs/components/carousel.md
index 11d5056..4b57290 100644
--- a/docs/components/carousel.md
+++ b/docs/components/carousel.md
@@ -6,7 +6,7 @@ import CarouselSlideExample from './carousel/examples/CarouselSlideExample.vue';
 import CarouselSlideIntervalExample from './carousel/examples/CarouselSlideIntervalExample.vue';
 import CarouselPicturesExample from './carousel/examples/CarouselPicturesExample.vue';
 </script>
-# Vue Carousel Component - Flowbite
+# Vue Carousel - Flowbite
 
 Use the carousel component to slide through multiple elements and images using custom controls, indicators, intervals, and options
 
diff --git a/docs/components/checkbox.md b/docs/components/checkbox.md
index a57e2e1..40a475f 100644
--- a/docs/components/checkbox.md
+++ b/docs/components/checkbox.md
@@ -4,7 +4,7 @@ import CheckboxDisabled from './checkbox/examples/CheckboxDisabled.vue'
 import CheckboxChecked from './checkbox/examples/CheckboxChecked.vue'
 import CheckboxLink from './checkbox/examples/CheckboxLink.vue'
 </script>
-# Vue Footer Component - Flowbite
+# Vue Footer - Flowbite
 
 ## Default checkbox
 
diff --git a/docs/components/dropdown.md b/docs/components/dropdown.md
index ee9af0b..4d54524 100644
--- a/docs/components/dropdown.md
+++ b/docs/components/dropdown.md
@@ -4,7 +4,7 @@ import DropdownListGroupExample from './dropdown/examples/DropdownListGroupExamp
 import DropdownTriggerExample from './dropdown/examples/DropdownTriggerExample.vue';
 </script>
 
-# Vue Dropdown Component - Flowbite
+# Vue Dropdown - Flowbite
 
 #### Get started with the dropdown component to show a list of menu items when clicking on the trigger element based on multiple layouts, styles, and placements
 
diff --git a/docs/components/footer.md b/docs/components/footer.md
index acdb1f8..3cdb344 100644
--- a/docs/components/footer.md
+++ b/docs/components/footer.md
@@ -1,7 +1,7 @@
 <script setup>
 import FooterExample from './footer/examples/FooterExample.vue'
 </script>
-# Vue Footer Component - Flowbite
+# Vue Footer - Flowbite
 
 ```vue
 <script setup>
diff --git a/docs/components/input.md b/docs/components/input.md
index 3519590..8305aab 100644
--- a/docs/components/input.md
+++ b/docs/components/input.md
@@ -7,7 +7,7 @@ import InputPrefixExample from './input/examples/InputPrefixExample.vue';
 import InputSuffixExample from './input/examples/InputSuffixExample.vue'
 </script>
 
-# Vue Input Components - Flowbite
+# Vue Input - Flowbite
 
 #### Get started with a collection of input fields built with Tailwind CSS to start accepting data from the user based on multiple sizes, variants, and input types
 
diff --git a/docs/components/list-group.md b/docs/components/list-group.md
index 72f0650..2bd219a 100644
--- a/docs/components/list-group.md
+++ b/docs/components/list-group.md
@@ -5,7 +5,7 @@ import ListGroupHoverIconExample from './listGroup/examples/ListGroupHoverIconEx
 import ListGroupHoverIconDisabledExample from './listGroup/examples/ListGroupHoverIconDisabledExample.vue'
 </script>
 
-# Vue List Group Component - Flowbite
+# Vue List Group - Flowbite
 
 #### Use the list group component to display a series of items, buttons or links inside a single element
 
diff --git a/docs/components/modal.md b/docs/components/modal.md
index 4d711d2..ade6627 100644
--- a/docs/components/modal.md
+++ b/docs/components/modal.md
@@ -2,7 +2,7 @@
 import ModalExample from './modal/examples/ModalExample.vue';
 import ModalSizeExample from './modal/examples/ModalSizeExample.vue';
 </script>
-# Vue Modal Component - Flowbite
+# Vue Modal - Flowbite
 
 ## Demo
 
diff --git a/docs/components/navbar.md b/docs/components/navbar.md
index 4fb5e1d..efacfba 100644
--- a/docs/components/navbar.md
+++ b/docs/components/navbar.md
@@ -5,7 +5,7 @@ import NavbarActionButtonExample from './navbar/examples/NavbarActionButtonExamp
 import NavbarCustomMobileIconExample from './navbar/examples/NavbarCustomMobileIconExample.vue'
 
 </script>
-# Navbar Component – Flowbite
+# Vue Navbar – Flowbite
 The navbar component can be used to show a list of navigation links positioned on the top side of your page based on multiple layouts, sizes, and dropdowns
 
 ## Default navbar
diff --git a/docs/components/pagination.md b/docs/components/pagination.md
index f752709..0e4b50b 100644
--- a/docs/components/pagination.md
+++ b/docs/components/pagination.md
@@ -6,7 +6,7 @@ import PaginationWithIconsExample from './pagination/examples/PaginationWithIcon
 import PaginationWithCustomTextExample from './pagination/examples/PaginationWithCustomTextExample.vue';
 import PaginationWithCustomSlice from './pagination/examples/PaginationWithCustomSlice.vue';
 </script>
-# Vue Pagination Component - Flowbite
+# Vue Pagination - Flowbite
 
 ## Default pagination
 
diff --git a/docs/components/progress.md b/docs/components/progress.md
index f377cbe..6e03ef0 100644
--- a/docs/components/progress.md
+++ b/docs/components/progress.md
@@ -7,7 +7,7 @@ import ProgressColorExample from './progress/examples/ProgressColorExample.vue'
 
 
 </script>
-# Vue Progress Bar Component - Flowbite
+# Vue Progress Bar - Flowbite
 
 ## Default
 
diff --git a/docs/components/rating.md b/docs/components/rating.md
index 09dbffb..6fb0fd5 100644
--- a/docs/components/rating.md
+++ b/docs/components/rating.md
@@ -4,7 +4,7 @@ import RatingWithTextExample from './rating/examples/RatingWithTextExample.vue'
 import RatingCountExample from './rating/examples/RatingCountExample.vue'
 import RatingStarSizesExample from './rating/examples/RatingStarSizesExample.vue'
 </script>
-# Vue Rating Component - Flowbite
+# Vue Rating - Flowbite
 
 ## Default rating
 Use this simple example of a star rating component for showing review results.
diff --git a/docs/components/select.md b/docs/components/select.md
index c3d3059..dcfee55 100644
--- a/docs/components/select.md
+++ b/docs/components/select.md
@@ -5,7 +5,7 @@ import SelectSize from './select/examples/SelectSize.vue';
 import UnderlinedSelect from './select/examples/UnderlinedSelect.vue';
 </script>
 
-# Vue Select Components - Flowbite
+# Vue Select - Flowbite
 
 #### Get started with the select component to allow the user to choose from one or more options from a dropdown list based on multiple styles, sizes, and variants
 
diff --git a/docs/components/sidebar.md b/docs/components/sidebar.md
index b7c644b..ec818ee 100644
--- a/docs/components/sidebar.md
+++ b/docs/components/sidebar.md
@@ -1,7 +1,7 @@
 <script setup>
 import SidebarExample from './sidebar/examples/SidebarExample.vue'
 </script>
-# Vue Sidebar Component - Flowbite
+# Vue Sidebar - Flowbite
 
 ```vue
 <script setup>
diff --git a/docs/components/spinner.md b/docs/components/spinner.md
index ea2a9a1..05a070b 100644
--- a/docs/components/spinner.md
+++ b/docs/components/spinner.md
@@ -4,7 +4,7 @@ import SpinnerSizeExample from './spinner/examples/SpinnerSizeExample.vue';
 import SpinnerColorExample from './spinner/examples/SpinnerColorExample.vue';
 </script>
 
-# Vue Spinner Component - Flowbite
+# Vue Spinner - Flowbite
 
 #### Use the spinner component as a loader indicator in your projects when fetching data based on an animated SVG using the utility classes from Tailwind CSS
 
diff --git a/docs/components/table.md b/docs/components/table.md
index 3d9f3a2..0e9dc5f 100644
--- a/docs/components/table.md
+++ b/docs/components/table.md
@@ -4,7 +4,7 @@ import TableStripedExample from './table/examples/TableStripedExample.vue';
 import TableStripedColumnsExample from './table/examples/TableStripedColumnsExample.vue';
 import TableHoverableExample from './table/examples/TableHoverableExample.vue';
 </script>
-# Vue Table Component - Flowbite
+# Vue Table - Flowbite
 
 #### Button groups are a Tailwind CSS powered set of buttons sticked together in a horizontal line
 
diff --git a/docs/components/tabs.md b/docs/components/tabs.md
index 5d6c20b..708d1aa 100644
--- a/docs/components/tabs.md
+++ b/docs/components/tabs.md
@@ -4,7 +4,7 @@ import TabsPillsExample from './tabs/examples/TabsPillsExample.vue';
 import TabsUnderlineExample from './tabs/examples/TabsUnderlineExample.vue';
 </script>
 
-# Vue Tabs Component - Flowbite
+# Vue Tabs - Flowbite
 
 #### Use these responsive tabs components to create a secondary navigational hierarchy for your website or toggle content inside a container
 
diff --git a/docs/components/timeline.md b/docs/components/timeline.md
index 3248432..5b5dd00 100644
--- a/docs/components/timeline.md
+++ b/docs/components/timeline.md
@@ -3,7 +3,7 @@ import TimelineExample from './timeline/examples/TimelineExample.vue';
 import TimelineWithIconsExample from './timeline/examples/TimelineWithIconsExample.vue';
 import TimelineHorizontalExample from './timeline/examples/TimelineHorizontalExample.vue';
 </script>
-# Vue Timeline Component - Flowbite
+# Vue Timeline - Flowbite
 
 ## Default timeline usage
 
diff --git a/docs/components/toast.md b/docs/components/toast.md
index b766be5..65d6910 100644
--- a/docs/components/toast.md
+++ b/docs/components/toast.md
@@ -6,7 +6,7 @@ import ToastDivideExample from './toast/examples/ToastDivideExample.vue';
 import ToastMessageExample from './toast/examples/ToastMessageExample.vue';
 import ToastInteractiveExample from './toast/examples/ToastInteractiveExample.vue'
 </script>
-# Vue Toast Component - Flowbite
+# Vue Toast - Flowbite
 
 #### Push notifications to your users using the toast component and choose from multiple sizes, colors, styles, and positions
 
diff --git a/docs/components/toggle.md b/docs/components/toggle.md
index 6242cd7..05d3f82 100644
--- a/docs/components/toggle.md
+++ b/docs/components/toggle.md
@@ -6,7 +6,7 @@
   import SizeToggle from './toggle/examples/SizeToggle.vue'
 </script>
 
-# Vue Toggle Component - Flowbite
+# Vue Toggle - Flowbite
 
 #### Use the toggle component to switch between a binary state of true or false using a single click available in multiple sizes, variants, and colors
 
diff --git a/docs/components/tooltip.md b/docs/components/tooltip.md
index d578559..2354f2f 100644
--- a/docs/components/tooltip.md
+++ b/docs/components/tooltip.md
@@ -4,7 +4,7 @@ import TooltipPositionExample from './tooltip/examples/TooltipPositionExample.vu
 import TooltipStyleExample from './tooltip/examples/TooltipStyleExample.vue'
 import TooltipTriggerExample from './tooltip/examples/TooltipTriggerExample.vue'
 </script>
-# Vue Tooltip Component - Flowbite
+# Vue Tooltip - Flowbite
 
 ## Demo