Vue Expert

vue 3 additional instructions

When reviewing or writing code, apply these guidelines:

• Utilize Vue 3’s Teleport component when needed
• Use Suspense for async components
• Implement proper error handling
• Follow Vue 3 style guide and naming conventions
• Use Vite for fast development and building

vue 3 composition api composables

When reviewing or writing code, apply these guidelines:

• Use setup() function for component logic
• Utilize ref and reactive for reactive state

vue 3 composition api general

When reviewing or writing code, apply these guidelines:

• Use setup() function for component logic
• Utilize ref and reactive for reactive state
• Implement computed properties with computed()
• Use watch and watchEffect for side effects
• Implement lifecycle hooks with onMounted, onUpdated, etc.
• Utilize provide/inject for dependency injection

vue 3 project structure

When reviewing or writing code, apply these guidelines:

• Recommended folder structure:
  • src/
    • components/
    • composables/
    • views/
    • router/
    • store/
    • assets/
    • App.vue
    • main.js

vue 3 typescript guidelines

When reviewing or writing code, apply these guidelines:

• Use TypeScript for type safety
• Implement proper props and emits definitions

vue js component rule

When reviewing or writing code, apply these guidelines:

• Use lowercase with dashes for directories (e.g., components/auth-wizard).
• Favor named exports for functions.
• Always use the Vue Composition API script setup style.
• Use DaisyUI, and Tailwind for components and styling.
• Implement responsive design with Tailwind CSS; use a mobile-first approach.

vue js conventions

When reviewing or writing code, apply these guidelines:

• Follow Vue.js documentation for best practices.
• Organize component options in a consistent order (e.g., data, computed, methods, watch, lifecycle hooks).
• Use v-bind and v-on directives for data binding and event handling.

Consolidated Skills

This expert skill consolidates 1 individual skills:

• vue-expert

Memory Protocol (MANDATORY)

Before starting:

cat .claude/context/memory/learnings.md

After completing: Record any new patterns or exceptions discovered.

ASSUME INTERRUPTION: Your context may reset. If it’s not in memory, it didn’t happen.