@kalouk/vitepress

Vue components for VitePress documentation sites.

Installation

npm install @kalouk/vitepress

Usage

Global Registration

Register all components globally in your VitePress config:

// .vitepress/config.js
import { defineConfig } from 'vitepress'
import KaloukComponents from '@kalouk/vitepress'

export default defineConfig({
  // ... your config
  vue: {
    plugins: [KaloukComponents]
  }
})

Individual Component Import

Import and use components individually:

<script setup>
import { KDice } from '@kalouk/vitepress'
</script>

<template>
  <KDice />
</template>

Components

KDice

A simple dice rolling component that generates random numbers between 1 and 6.

<KDice />

Features:

• Generates random numbers from 1 to 6
• Simple card-based design
• Dark mode support
• Rolling animation state
• Responsive design

Development

# Install dependencies
npm install

# Build the package
npm run build

# Development mode with watch
npm run dev

License

MIT