Add VitePress

Author: skirtles-code

docs/.vitepress/config.ts

@@ -0,0 +1,23 @@
+import { defineConfigWithTheme } from 'vitepress'
+import path from 'path'
+
+export default defineConfigWithTheme({
+  base: '/vue-vnode-utils',
+  title: '@skirtle/vue-vnode-utils',
+  lang: 'en-US',
+  description: 'VNode utilities for Vue',
+
+  vite: {
+    resolve: {
+      alias: {
+        '@skirtle/vue-vnode-utils': path.resolve(__dirname, '../../src/vue-vnode-utils.ts')
+      }
+    }
+  },
+
+  themeConfig: {
+    socialLinks: [
+      { icon: 'github', link: 'https://github.com/skirtles-code/vue-vnode-utils' }
+    ]
+  }
+})

docs/index.md

@@ -0,0 +1,28 @@
+---
+layout: home
+
+title: vue-vnode-utils
+titleTemplate: VNode utilities for Vue
+
+hero:
+  name: vue-vnode-utils
+  text: Helper functions for working with Vue VNodes
+  tagline: Smoothing over the edge cases for working with the VNodes returned by a slot
+  actions:
+    - theme: brand
+      text: Get Started
+      link: /guide/introduction
+    - theme: alt
+      text: View on GitHub
+      link: https://github.com/skirtles-code/vue-vnode-utils
+
+features:
+  - title: 🧩 Fragment-aware iteration
+    details: Walk child VNodes without worrying about fragments created by v-for.
+  - title: ➕ Add props
+    details: Add extra props, CSS classes or events to slot contents.
+  - title: 🌲 Edit the tree
+    details: Remove existing nodes, wrap them with other nodes, or insert new nodes into the VNode tree.
+  - title: 🙈 Probably not a good idea
+    details: But if you really have to manipulate VNodes, a library to smooth over the edge cases makes it less likely to go wrong.
+---

package.json

@@ -37,6 +37,7 @@
     "typescript": "^4.8.4",
     "vite": "^3.1.4",
     "vite-plugin-dts": "^1.6.4",
+    "vitepress": "1.0.0-alpha.19",
     "vitest": "^0.24.0",
     "vue": "^3.2.0",
     "vue-tsc": "^0.40.13"
@@ -49,6 +50,9 @@
     "build-neutral": "vite build --mode neutral",
     "build-prod": "vite build --mode production",
     "type-check": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
     "preinstall": "npx only-allow pnpm"
   }
 }