vue-conventions

What problem does it solve?

This Skill provides a comprehensive guide and examples for implementing modern Vue 3 applications using the Composition API with TypeScript, Pinia, and best practices for performance and maintainability.

Core Features & Use Cases

• Composition API with <script setup>: Demonstrates idiomatic usage of Vue 3's Composition API for cleaner component logic.
• Composables: Illustrates how to create reusable, testable logic with custom composable functions.
• Pinia Store Management: Shows effective state management patterns using Pinia for global application state.
• Component Communication: Covers parent-child communication via props, emits, and slots.
• Performance Optimization: Includes techniques like lazy loading, shallowRef, and efficient rendering.
• TypeScript Integration: Emphasizes strong typing for props, state, and API responses.
• Error Handling: Demonstrates both global and component-level error capturing.

Quick Start

Refer to the provided examples to implement Vue 3 Composition API patterns in your project.