fix: vitepress styles reset moved to examples

docs/.vitepress/config.ts

@@ -11,23 +11,17 @@ function buildSidebar() {
     {
       text: 'Components',
       collapsible: true,
-      items: [
+      items: [...getComponents()],
-        ...getComponents(),
-      ],
     },
     {
       text: 'Form',
       collapsible: true,
-      items: [
+      items: [...getFormComponents()],
-        ...getFormComponents(),
-      ],
     },
     {
       text: 'Utils',
       collapsible: true,
-      items: [
+      items: [...getUtils()],
-        ...getUtils(),
-      ],
     },
   ]
 }
@@ -59,20 +53,17 @@ function getComponents() {
     { text: '- Pagination', link: 'components/pagination' },
     { text: '- Sidebar', link: 'components/sidebar' },
     { text: '- Table', link: 'components/table' },
-    { text: 'Timeline', link: 'components/timeline' },
   ]
 }
 
 function getFormComponents() {
-  return [
+  return [{ text: 'Input', link: 'components/input' }]
-    { text: 'Input', link: 'components/input' },
-  ]
 }
 
 function getUtils() {
   return [
     { text: 'Flowbite Themable', link: '/components/flowbiteThemable/flowbiteThemable.md' },
-    { text: 'Toast Provider', link: '/components/toastProvider/toastProvider.md' }
+    { text: 'Toast Provider', link: '/components/toastProvider/toastProvider.md' },
   ]
 }
 
@@ -83,21 +74,18 @@ function getUtils() {
 export default defineConfig({
   title: 'Flowbite Vue 3',
   cleanUrls: 'without-subfolders',
-  head: [
+  head: [['link', { rel: 'icon', type: 'image/svg', href: '/assets/logo.svg' }]],
-    ['link', { rel: "icon", type: "image/svg", href: "/assets/logo.svg"}],
-  ],
   themeConfig: {
     sidebar: buildSidebar(),
     logo: '/assets/logo.svg',
     socialLinks: [
       { icon: 'github', link: 'https://github.com/themesberg/flowbite-vue' },
-      { icon: 'discord', link: 'https://discord.gg/4eeurUVvTy' }
+      { icon: 'discord', link: 'https://discord.gg/4eeurUVvTy' },
     ],
 
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2022 Flowbite™'
+      copyright: 'Copyright © 2022 Flowbite™',
     },
-
   },
 })

docs/components/timeline/examples/TimelineExample.vue

@@ -1,5 +1,5 @@
 <template>
-  <Timeline>
+  <Timeline class="vp-raw">
     <timeline-item>
       <timeline-point>
       </timeline-point>

docs/components/timeline/examples/TimelineHorizontalExample.vue

@@ -1,5 +1,5 @@
 <template>
-  <Timeline horizontal>
+  <Timeline class="vp-raw" horizontal>
     <timeline-item>
       <timeline-point>
         <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>

docs/components/timeline/examples/TimelineWithIconsExample.vue

@@ -1,5 +1,5 @@
 <template>
-  <Timeline>
+  <Timeline class="vp-raw">
     <timeline-item>
       <timeline-point>
         <svg aria-hidden="true" class="w-3 h-3 text-blue-600 dark:text-blue-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z" clip-rule="evenodd"></path></svg>

src/components/Timeline/Timeline.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vp-raw">
+  <div>
     <ol :class="classNames(defaultClasses, horizontal ? horizontalClasses : verticalClasses)" v-bind="$attrs">
       <slot></slot>
     </ol>