WIP: initial setup with vite and vitepress, example with button

docs/.vitepress/config.ts

@@ -0,0 +1,33 @@
+function buildSidebar() {
+  return [
+    {
+      items: [
+        { text: 'Home', link: '/' }
+      ],
+    },
+    {
+      text: 'Components',
+      collapsible: true,
+      items: [
+        ...getComponents(),
+      ],
+  }]
+}
+
+function getComponents() {
+  return [
+    { text: 'Button', link: '/guide/button/button.md' },
+  ]
+}
+
+/**
+ * This can be used as an example
+ * https://github.com/vuejs/vitepress/blob/master/docs/.vitepress/config.js
+ */
+export default {
+  title: 'flowbite-vue vitepress',
+  themeConfig: {
+    docsDir: 'docs',
+    sidebar: buildSidebar(),
+  },
+}

docs/.vitepress/theme/index.js

@@ -0,0 +1,5 @@
+import './tailwind.css'
+
+import DefaultTheme from 'vitepress/theme'
+
+export default DefaultTheme

docs/.vitepress/theme/tailwind.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+

docs/guide/button/ButtonExample.vue

@@ -0,0 +1,8 @@
+<template>
+  <Button variant="default">
+    Кнопка
+  </Button>
+</template>
+<script setup>
+import { Button } from "../../../src/index";
+</script>

docs/guide/button/button.md

@@ -0,0 +1,7 @@
+<script setup>
+import ButtonExample from './ButtonExample.vue'
+</script>
+
+# Button
+
+<ButtonExample />

docs/index.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

docs/index.md

@@ -0,0 +1 @@
+# Flowbite vue