Merge pull request #24 from themesberg/chank1e/npm

feat: some improvements for npm publish

docs/.vitepress/config.ts

@@ -30,25 +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' },
+
+    { 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: '- 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' },
   ]
 }
 

package.json

@@ -1,8 +1,8 @@
 {
   "name": "flowbite-vue",
-  "version": "1.0.0",
+  "version": "0.0.1",
   "repository": "https://github.com/themesberg/flowbite-vue.git",
-  "author": "Ralph Schuler <ralph@inhaus.ai>",
+  "author": "themesberg",
   "license": "MIT",
   "files": [
     "dist",

src/components/Avatar/Avatar.vue

@@ -1,5 +1,7 @@
 <template>
-  <img class="w-10 h-10 rounded-full" src="/docs/images/people/profile-picture-5.jpg" alt="Rounded avatar">
+  <div>
+<!--    <img class="w-10 h-10 rounded-full" src="/docs/images/people/profile-picture-5.jpg" alt="Rounded avatar">-->
+  </div>
 </template>
 <script lang="ts" setup>
 import { computed, toRefs } from 'vue'

src/components/Carousel/Carousel.vue

@@ -5,15 +5,15 @@
       <!-- Item 1 -->
       <div class="hidden duration-700 ease-in-out" data-carousel-item>
         <span class="absolute top-1/2 left-1/2 text-2xl font-semibold text-white -translate-x-1/2 -translate-y-1/2 sm:text-3xl dark:text-gray-800">First Slide</span>
-        <img src="/docs/images/carousel/carousel-1.svg" class="block absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2" alt="...">
+<!--        <img src="/docs/images/carousel/carousel-1.svg" class="block absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2" alt="...">-->
       </div>
       <!-- Item 2 -->
       <div class="hidden duration-700 ease-in-out" data-carousel-item>
-        <img src="/docs/images/carousel/carousel-2.svg" class="block absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2" alt="...">
+<!--        <img src="/docs/images/carousel/carousel-2.svg" class="block absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2" alt="...">-->
       </div>
       <!-- Item 3 -->
       <div class="hidden duration-700 ease-in-out" data-carousel-item>
-        <img src="/docs/images/carousel/carousel-3.svg" class="block absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2" alt="...">
+<!--        <img src="/docs/images/carousel/carousel-3.svg" class="block absolute top-1/2 left-1/2 w-full -translate-x-1/2 -translate-y-1/2" alt="...">-->
       </div>
     </div>
     <!-- Slider indicators -->

src/components/Navbar/Navbar.vue

@@ -2,7 +2,7 @@
   <nav class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 rounded dark:bg-gray-800">
     <div class="container flex flex-wrap justify-between items-center mx-auto">
       <a href="https://flowbite.com/" class="flex items-center">
-        <img src="/docs/images/logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo" />
+<!--        <img src="/docs/images/logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite Logo" />-->
         <span class="self-center text-xl font-semibold whitespace-nowrap dark:text-white">Flowbite</span>
       </a>
       <button data-collapse-toggle="mobile-menu" type="button" class="inline-flex items-center p-2 ml-3 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu" aria-expanded="false">