feat: add possibility to use @ alias inside docs

docs/vite.config.ts

@@ -1,31 +1,11 @@
-import vue from '@vitejs/plugin-vue'
 import { defineConfig } from 'vite'
 import { resolve } from 'path'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
   resolve: {
     alias: {
-      '@': resolve(__dirname, './src'),
-    },
-  },
-  build: {
-    lib: {
-      entry: resolve(__dirname, './src/index.ts'),
-      name: 'flowbite-vue',
-    },
-    rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: ['vue'],
-      output: {
-        // Provide global variables to use in the UMD build
-        // for externalized deps
-        globals: {
-          vue: 'Vue',
-        },
-      },
+      '@': resolve(__dirname, '../src'), // to resolve @ inside docs
     },
   },
 })

src/components/Button/Button.vue

@@ -31,7 +31,7 @@ import type { PropType } from 'vue'
 import Spinner from '../Spinner/Spinner.vue'
 import { useButtonClasses } from './composables/useButtonClasses'
 import { useButtonSpinner } from './composables/useButtonSpinner'
-import FlowbiteThemableChild from '../utils/FlowbiteThemable/components/FlowbiteThemableChild/FlowbiteThemableChild.vue'
+import FlowbiteThemableChild from '@/components/utils/FlowbiteThemable/components/FlowbiteThemableChild/FlowbiteThemableChild.vue'
 
 import type { ButtonGradient, ButtonMonochromeGradient, ButtonSize, ButtonVariant } from './types'
 const props = defineProps({

src/components/Tabs/Tabs.vue

@@ -27,7 +27,7 @@ import {
 import { useTabsClasses } from './composables/useTabsClasses'
 import type { PropType } from 'vue'
 import { computed, provide, toRef, useSlots } from 'vue'
-import { flatten } from '../../utils/flatten'
+import { flatten } from '@/utils/flatten'
 import TabPane from './components/TabPane/TabPane.vue'
 import type { TabsVariant } from './types'