DreamLab Vue Components

Develop with Vue 3 in Vite. This project includes integrations with Tailwind CSS and Storybook for enhanced UI/UX and component development.

Development Setup

• IDE: VSCode + Volar
• TypeScript Support: Use vue-tsc for type checking and the TypeScript Vue Plugin (Volar) in VSCode.

For improved performance, consider enabling Volar's Take Over Mode.

Project Setup Commands

# Install dependencies
pnpm install

# Compile and hot-reload for development
pnpm dev

# Type-check, compile and minify for production
pnpm build

# Run unit tests with Vitest
pnpm test:unit

# Run end-to-end tests with Playwright
pnpm test:e2e

# Lint with ESLint
pnpm lint

Tailwind CSS Integration

Tailwind CSS is integrated for utility-first styling. Learn more.

Storybook Integration

Storybook is set up for isolated component development. Learn more.

Quick Commands

# Start Storybook
pnpm run storybook

NOTE: The ./src/stories directory is for reference and not tracked in the git repository.

Contributing

Please follow the project's coding and design guidelines when contributing.