Bulk create components

docs/.vitepress/config.ts

@@ -30,6 +30,25 @@ function getComponents() {
     { text: 'Dropdown', link: '/guide/dropdown/dropdown.md' },
     { text: 'Spinner', link: '/guide/spinner/spinner.md' },
     { text: 'Tabs', link: '/guide/tabs/tabs.md' },
+
+    { text: 'Accordion', link: 'guide/accordion/accordion.md' },
+    { text: 'Avatar', link: 'guide/avatar/avatar.md' },
+    { text: 'Badge', link: 'guide/badge/badge.md' },
+    { text: 'Breadcrumb', link: 'guide/breadcrumb/breadcrumb.md' },
+    { text: 'Card', link: 'guide/card/card.md' },
+    { text: 'Carousel', link: 'guide/carousel/carousel.md' },
+    { text: 'Footer', link: 'guide/footer/footer.md' },
+    { text: 'ListGroup', link: 'guide/listGroup/listGroup.md' },
+    { text: 'Modal', link: 'guide/modal/modal.md' },
+    { text: 'Navbar', link: 'guide/navbar/navbar.md' },
+    { text: 'Pagination', link: 'guide/pagination/pagination.md' },
+    { text: 'Progress', link: 'guide/progress/progress.md' },
+    { text: 'Rating', link: 'guide/rating/rating.md' },
+    { text: 'Sidebar', link: 'guide/sidebar/sidebar.md' },
+    { text: 'Table', link: 'guide/table/table.md' },
+    { text: 'Timeline', link: 'guide/timeline/timeline.md' },
+    { text: 'Toast', link: 'guide/toast/toast.md' },
+    { text: 'Tooltip', link: 'guide/tooltip/tooltip.md' },
   ]
 }
 

docs/guide/accordion/accordion.md

@@ -0,0 +1,15 @@
+<script setup>
+import AccordionExample from './examples/AccordionExample.vue'
+</script>
+# Accordion
+
+```vue
+<script setup>
+import { Accordion } from 'flowbite-vue'
+</script>
+<template>
+  <Accordion></Accordion>
+</template>
+```
+
+<AccordionExample />

docs/guide/accordion/examples/AccordionExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Accordion></Accordion>
+  </div>
+</template>
+<script setup>
+import { Accordion } from '../../../../src/index'
+</script>

docs/guide/avatar/avatar.md

@@ -0,0 +1,15 @@
+<script setup>
+import AvatarExample from './examples/AvatarExample.vue'
+</script>
+# Avatar
+
+```vue
+<script setup>
+import { Avatar } from 'flowbite-vue'
+</script>
+<template>
+  <Avatar></Avatar>
+</template>
+```
+
+<AvatarExample />

docs/guide/avatar/examples/AvatarExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Avatar></Avatar>
+  </div>
+</template>
+<script setup>
+import { Avatar } from '../../../../src/index'
+</script>

docs/guide/badge/badge.md

@@ -0,0 +1,15 @@
+<script setup>
+import BadgeExample from './examples/BadgeExample.vue'
+</script>
+# Badge
+
+```vue
+<script setup>
+import { Badge } from 'flowbite-vue'
+</script>
+<template>
+  <Badge></Badge>
+</template>
+```
+
+<BadgeExample />

docs/guide/badge/examples/BadgeExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Badge></Badge>
+  </div>
+</template>
+<script setup>
+import { Badge } from '../../../../src/index'
+</script>

docs/guide/breadcrumb/breadcrumb.md

@@ -0,0 +1,15 @@
+<script setup>
+import BreadcrumbExample from './examples/BreadcrumbExample.vue'
+</script>
+# Breadcrumb
+
+```vue
+<script setup>
+import { Breadcrumb } from 'flowbite-vue'
+</script>
+<template>
+  <Breadcrumb></Breadcrumb>
+</template>
+```
+
+<BreadcrumbExample />

docs/guide/breadcrumb/examples/BreadcrumbExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Breadcrumb></Breadcrumb>
+  </div>
+</template>
+<script setup>
+import { Breadcrumb } from '../../../../src/index'
+</script>

docs/guide/card/card.md

@@ -0,0 +1,15 @@
+<script setup>
+import CardExample from './examples/CardExample.vue'
+</script>
+# Card
+
+```vue
+<script setup>
+import { Card } from 'flowbite-vue'
+</script>
+<template>
+  <Card></Card>
+</template>
+```
+
+<CardExample />

docs/guide/card/examples/CardExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Card></Card>
+  </div>
+</template>
+<script setup>
+import { Card } from '../../../../src/index'
+</script>

docs/guide/carousel/carousel.md

@@ -0,0 +1,15 @@
+<script setup>
+import CarouselExample from './examples/CarouselExample.vue'
+</script>
+# Carousel
+
+```vue
+<script setup>
+import { Carousel } from 'flowbite-vue'
+</script>
+<template>
+  <Carousel></Carousel>
+</template>
+```
+
+<CarouselExample />

docs/guide/carousel/examples/CarouselExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Carousel></Carousel>
+  </div>
+</template>
+<script setup>
+import { Carousel } from '../../../../src/index'
+</script>

docs/guide/footer/examples/FooterExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Footer></Footer>
+  </div>
+</template>
+<script setup>
+import { Footer } from '../../../../src/index'
+</script>

docs/guide/footer/footer.md

@@ -0,0 +1,15 @@
+<script setup>
+import FooterExample from './examples/FooterExample.vue'
+</script>
+# Footer
+
+```vue
+<script setup>
+import { Footer } from 'flowbite-vue'
+</script>
+<template>
+  <Footer></Footer>
+</template>
+```
+
+<FooterExample />

docs/guide/listGroup/examples/ListGroupExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <ListGroup></ListGroup>
+  </div>
+</template>
+<script setup>
+import { ListGroup } from '../../../../src/index'
+</script>

docs/guide/listGroup/listGroup.md

@@ -0,0 +1,15 @@
+<script setup>
+import ListGroupExample from './examples/ListGroupExample.vue'
+</script>
+# ListGroup
+
+```vue
+<script setup>
+import { ListGroup } from 'flowbite-vue'
+</script>
+<template>
+  <ListGroup></ListGroup>
+</template>
+```
+
+<ListGroupExample />

docs/guide/modal/examples/ModalExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Modal></Modal>
+  </div>
+</template>
+<script setup>
+import { Modal } from '../../../../src/index'
+</script>

docs/guide/modal/modal.md

@@ -0,0 +1,15 @@
+<script setup>
+import ModalExample from './examples/ModalExample.vue'
+</script>
+# Modal
+
+```vue
+<script setup>
+import { Modal } from 'flowbite-vue'
+</script>
+<template>
+  <Modal></Modal>
+</template>
+```
+
+<ModalExample />

docs/guide/navbar/examples/NavbarExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Navbar></Navbar>
+  </div>
+</template>
+<script setup>
+import { Navbar } from '../../../../src/index'
+</script>

docs/guide/navbar/navbar.md

@@ -0,0 +1,15 @@
+<script setup>
+import NavbarExample from './examples/NavbarExample.vue'
+</script>
+# Navbar
+
+```vue
+<script setup>
+import { Navbar } from 'flowbite-vue'
+</script>
+<template>
+  <Navbar></Navbar>
+</template>
+```
+
+<NavbarExample />

docs/guide/pagination/examples/PaginationExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Pagination></Pagination>
+  </div>
+</template>
+<script setup>
+import { Pagination } from '../../../../src/index'
+</script>

docs/guide/pagination/pagination.md

@@ -0,0 +1,15 @@
+<script setup>
+import PaginationExample from './examples/PaginationExample.vue'
+</script>
+# Pagination
+
+```vue
+<script setup>
+import { Pagination } from 'flowbite-vue'
+</script>
+<template>
+  <Pagination></Pagination>
+</template>
+```
+
+<PaginationExample />

docs/guide/progress/examples/ProgressExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Progress></Progress>
+  </div>
+</template>
+<script setup>
+import { Progress } from '../../../../src/index'
+</script>

docs/guide/progress/progress.md

@@ -0,0 +1,15 @@
+<script setup>
+import ProgressExample from './examples/ProgressExample.vue'
+</script>
+# Progress
+
+```vue
+<script setup>
+import { Progress } from 'flowbite-vue'
+</script>
+<template>
+  <Progress></Progress>
+</template>
+```
+
+<ProgressExample />

docs/guide/rating/examples/RatingExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Rating></Rating>
+  </div>
+</template>
+<script setup>
+import { Rating } from '../../../../src/index'
+</script>

docs/guide/rating/rating.md

@@ -0,0 +1,15 @@
+<script setup>
+import RatingExample from './examples/RatingExample.vue'
+</script>
+# Rating
+
+```vue
+<script setup>
+import { Rating } from 'flowbite-vue'
+</script>
+<template>
+  <Rating></Rating>
+</template>
+```
+
+<RatingExample />

docs/guide/sidebar/examples/SidebarExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Sidebar></Sidebar>
+  </div>
+</template>
+<script setup>
+import { Sidebar } from '../../../../src/index'
+</script>

docs/guide/sidebar/sidebar.md

@@ -0,0 +1,15 @@
+<script setup>
+import SidebarExample from './examples/SidebarExample.vue'
+</script>
+# Sidebar
+
+```vue
+<script setup>
+import { Sidebar } from 'flowbite-vue'
+</script>
+<template>
+  <Sidebar></Sidebar>
+</template>
+```
+
+<SidebarExample />

docs/guide/table/examples/TableExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Table></Table>
+  </div>
+</template>
+<script setup>
+import { Table } from '../../../../src/index'
+</script>

docs/guide/table/table.md

@@ -0,0 +1,15 @@
+<script setup>
+import TableExample from './examples/TableExample.vue'
+</script>
+# Table
+
+```vue
+<script setup>
+import { Table } from 'flowbite-vue'
+</script>
+<template>
+  <Table></Table>
+</template>
+```
+
+<TableExample />

docs/guide/timeline/examples/TimelineExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Timeline></Timeline>
+  </div>
+</template>
+<script setup>
+import { Timeline } from '../../../../src/index'
+</script>

docs/guide/timeline/timeline.md

@@ -0,0 +1,15 @@
+<script setup>
+import TimelineExample from './examples/TimelineExample.vue'
+</script>
+# Timeline
+
+```vue
+<script setup>
+import { Timeline } from 'flowbite-vue'
+</script>
+<template>
+  <Timeline></Timeline>
+</template>
+```
+
+<TimelineExample />

docs/guide/toast/examples/ToastExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Toast></Toast>
+  </div>
+</template>
+<script setup>
+import { Toast } from '../../../../src/index'
+</script>

docs/guide/toast/toast.md

@@ -0,0 +1,15 @@
+<script setup>
+import ToastExample from './examples/ToastExample.vue'
+</script>
+# Toast
+
+```vue
+<script setup>
+import { Toast } from 'flowbite-vue'
+</script>
+<template>
+  <Toast></Toast>
+</template>
+```
+
+<ToastExample />

docs/guide/tooltip/examples/TooltipExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <div class="vp-raw flex flex-col">
+    <Tooltip></Tooltip>
+  </div>
+</template>
+<script setup>
+import { Tooltip } from '../../../../src/index'
+</script>

docs/guide/tooltip/tooltip.md

@@ -0,0 +1,15 @@
+<script setup>
+import TooltipExample from './examples/TooltipExample.vue'
+</script>
+# Tooltip
+
+```vue
+<script setup>
+import { Tooltip } from 'flowbite-vue'
+</script>
+<template>
+  <Tooltip></Tooltip>
+</template>
+```
+
+<TooltipExample />