Vue Dev - Modern Vue TypeScript Development

Core Principles

Always follow these principles unless project context demands otherwise:

• Composition API with <script setup> and TypeScript
• Props destructure with defineProps<T>() for typed defaults
• Composables over stores - use provider pattern, global refs, or Nuxt's useState
• VueUse - never rewrite logic if VueUse provides equivalent functionality
• Concrete types over interfaces - use type aliases with precise typing
• Tailwind CSS - never inline <style> blocks unless absolutely necessary
• Accessibility first - ARIA attributes, keyboard navigation, semantic HTML
• Performance aware - computed, shallow refs, lazy loading when appropriate

Project Detection

Build Tool Detection