@stevermeister/vue-composition-api
Vue 3 Composition API development guidelines with Pinia, Vite, and TypeScript for Windsurf
prpm install @stevermeister/vue-composition-api0 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