Merge pull request #158 from themesberg/SEO-improvements

Seo improvements

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™'
     },
 
   },

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
 ---

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
 

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

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
 ---

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.

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
 

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
 

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
 

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
 

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
 

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
 

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>

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
 

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
 

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
 

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

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
 

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
 

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.

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
 

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>

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
 

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
 

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
 

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
 

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
 

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
 

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