diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index e744864..dcf07a1 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -34,31 +34,31 @@ function buildSidebar() {
 
 function getComponents() {
   return [
-    { text: 'Accordion', link: 'components/accordion/accordion.md' },
-    { text: 'Alert', link: '/components/alert/alert.md' },
-    { text: 'Avatar', link: 'components/avatar/avatar.md' },
-    { text: 'Breadcrumb', link: 'components/breadcrumb/breadcrumb.md' },
-    { text: 'Button', link: '/components/button/button.md' },
-    { text: 'Badge', link: 'components/badge/badge.md' },
-    { text: 'Button Group', link: '/components/buttonGroup/buttonGroup.md' },
-    { text: 'Card', link: 'components/card/card.md' },
-    { text: 'Carousel', link: 'components/carousel/carousel.md' },
-    { text: 'Dropdown', link: '/components/dropdown/dropdown.md' },
-    { text: 'Progress', link: 'components/progress/progress.md' },
-    { text: 'Rating', link: 'components/rating/rating.md' },
-    { text: 'Spinner', link: '/components/spinner/spinner.md' },
-    { text: 'Tabs', link: '/components/tabs/tabs.md' },
-    { text: 'ListGroup', link: 'components/listGroup/listGroup.md' },
-    { text: 'Toast', link: 'components/toast/toast.md' },
-    { text: 'Tooltip', link: 'components/tooltip/tooltip.md' },
-    { text: 'Modal', link: 'components/modal/modal.md' },
-    { text: 'Navbar', link: 'components/navbar/navbar.md' },
+    { text: 'Accordion', link: 'components/accordion' },
+    { text: 'Alert', link: '/components/alert' },
+    { text: 'Avatar', link: 'components/avatar' },
+    { text: 'Breadcrumb', link: 'components/breadcrumb' },
+    { text: 'Button', link: '/components/button' },
+    { text: 'Badge', link: 'components/badge' },
+    { text: 'Button Group', link: '/components/button-group' },
+    { text: 'Card', link: 'components/card.md' },
+    { text: 'Carousel', link: 'components/carousel' },
+    { text: 'Dropdown', link: '/components/dropdown' },
+    { text: 'Progress', link: 'components/progress' },
+    { text: 'Rating', link: 'components/rating' },
+    { text: 'Spinner', link: '/components/spinner' },
+    { text: 'Tabs', link: '/components/tabs' },
+    { text: 'ListGroup', link: 'components/list-group' },
+    { text: 'Toast', link: 'components/toast' },
+    { text: 'Tooltip', link: 'components/tooltip' },
+    { text: 'Modal', link: 'components/modal' },
+    { text: 'Navbar', link: 'components/navbar' },
 
-    { text: '- Footer', link: 'components/footer/footer.md' },
-    { text: '- Pagination', link: 'components/pagination/pagination.md' },
-    { text: '- Sidebar', link: 'components/sidebar/sidebar.md' },
-    { text: '- Table', link: 'components/table/table.md' },
-    { text: '- Timeline', link: 'components/timeline/timeline.md' },
+    { text: '- Footer', link: 'components/footer' },
+    { text: '- Pagination', link: 'components/pagination' },
+    { text: '- Sidebar', link: 'components/sidebar' },
+    { text: '- Table', link: 'components/table' },
+    { text: '- Timeline', link: 'components/timeline' },
   ]
 }
 
diff --git a/docs/components/accordion/accordion.md b/docs/components/accordion.md
similarity index 96%
rename from docs/components/accordion/accordion.md
rename to docs/components/accordion.md
index 2e2209c..425f0da 100644
--- a/docs/components/accordion/accordion.md
+++ b/docs/components/accordion.md
@@ -1,8 +1,8 @@
 <script setup>
-import AccordionExample from './examples/AccordionExample.vue';
-import AccordionAlwaysOpenExample from './examples/AccordionAlwaysOpenExample.vue';
-import AccordionFlushExample from './examples/AccordionFlushExample.vue';
-import AccordionStyledHeadersExample from './examples/AccordionStyledHeadersExample.vue';
+import AccordionExample from './accordion/examples/AccordionExample.vue';
+import AccordionAlwaysOpenExample from './accordion/examples/AccordionAlwaysOpenExample.vue';
+import AccordionFlushExample from './accordion/examples/AccordionFlushExample.vue';
+import AccordionStyledHeadersExample from './accordion/examples/AccordionStyledHeadersExample.vue';
 </script>
 # Vue Accordion Component - Flowbite
 
@@ -14,7 +14,7 @@ Original reference: [https://flowbite.com/docs/components/accordion/](https://fl
 :::
 
 ## Default accordion
-Use this example to basic accordion. 
+Use this example to basic accordion.
 ```vue
 <script setup>
 import { Accordion, AccordionPanel, AccordionHeader, AccordionContent } from 'flowbite-vue'
diff --git a/docs/components/alert/alert.md b/docs/components/alert.md
similarity index 91%
rename from docs/components/alert/alert.md
rename to docs/components/alert.md
index 9fd18c2..da9aedf 100644
--- a/docs/components/alert/alert.md
+++ b/docs/components/alert.md
@@ -1,10 +1,10 @@
 <script setup>
-import AlertTypeExample from './examples/AlertTypeExample.vue';
-import AlertTitleExample from './examples/AlertTitleExample.vue';
-import AlertClosableExample from './examples/AlertClosableExample.vue';
-import AlertBorderExample from './examples/AlertBorderExample.vue';
-import AlertIconExample from './examples/AlertIconExample.vue';
-import AlertInlineExample from './examples/AlertInlineExample.vue';
+import AlertTypeExample from './alert/examples/AlertTypeExample.vue';
+import AlertTitleExample from './alert/examples/AlertTitleExample.vue';
+import AlertClosableExample from './alert/examples/AlertClosableExample.vue';
+import AlertBorderExample from './alert/examples/AlertBorderExample.vue';
+import AlertIconExample from './alert/examples/AlertIconExample.vue';
+import AlertInlineExample from './alert/examples/AlertInlineExample.vue';
 </script>
 
 # Vue Alert Component - Flowbite
@@ -29,7 +29,7 @@ defineProps({
     type: {
         type: String as PropType<AlertType>,
         default: 'info',
-    }, 
+    },
 })
 ```
 
@@ -58,7 +58,7 @@ defineProps({
     title: {
         type: String,
         default: '',
-    }, 
+    },
 })
 ```
 
@@ -87,7 +87,7 @@ defineProps({
     closable: {
         type: Boolean,
         default: false,
-    }, 
+    },
 })
 ```
 
@@ -116,7 +116,7 @@ defineProps({
     border: {
         type: Boolean,
         default: false,
-    }, 
+    },
 })
 ```
 
@@ -145,7 +145,7 @@ defineProps({
     icon: {
         type: Boolean,
         default: true,
-    }, 
+    },
 })
 ```
 
@@ -174,7 +174,7 @@ defineProps({
     inline: {
         type: Boolean,
         default: true,
-    }, 
+    },
 })
 ```