Home / Packages / @stevermeister/vue-composition-api

@stevermeister/vue-composition-api

Vue 3 Composition API development guidelines with Pinia, Vite, and TypeScript for Windsurf

prpm install @stevermeister/vue-composition-api
0 total downloads

📄 Full Prompt Content

# Vue.js Project - Project Guidelines

## Project Overview
Built with Vue 3 using Composition API, TypeScript, and modern tooling.

## Development Guidelines

### Frontend Architecture
- Use Vue 3 Composition API
- Feature-based directory structure
- Composables for reusable logic in `src/composables`
- Store in `src/stores` using Pinia
- Types in `src/types` directory
- Proper component organization

### Coding Standards
- Use TypeScript with strict mode
- Follow Vue 3 style guide
- Use script setup syntax
- Implement proper type definitions
- Use Vite as build tool
- ESLint and Prettier configurations

### Code Quality Tools
- Pre-commit hooks:
  - ESLint with Vue plugin
  - Prettier formatting
  - TypeScript checks
  - Unit tests
- Additional checks:
  - Component naming validation
  - Unused imports detection
  - Bundle analysis

### Development Environment

#### Requirements
- Node.js version: 20.x
- Package manager: pnpm
- Build tool: Vite

#### Testing Requirements
- Vitest for unit testing
- Vue Test Utils for component testing
- Cypress for E2E
- Coverage threshold: 80%

#### Dependencies
Core:
- Vue 3.x
- TypeScript 5.x
- Vue Router 4.x
- Pinia for state
- VueUse for utilities

#### Production
- Code splitting
- PWA support
- Error tracking
- Analytics

💡 Suggested Test Inputs

Loading suggested inputs...

🎯 Community Test Results

Loading results...

📦 Package Info

Format
windsurf
Type
rule
Category
general

🔗 Links