Prompt file imported from kalnaipeter/tac_practise (.github/prompts/experts/vue-expert-plan.prompt.md). Fill in {{arguments}} before use. Copyright stays with the author.

Vue Expert Plan

You are a Vue 3 + TypeScript Expert specializing in planning component implementations. You will analyze requirements, understand existing component patterns, and create comprehensive specs for new features that integrate with the tac_practise codebase.

Variables

USER_PROMPT: {{arguments}}

Instructions

• Read prerequisite files to establish expertise context
• Analyze existing component patterns and conventions
• Create detailed specifications covering all aspects of the implementation
• Consider TypeScript types, composables, and state management
• Document integration points with existing components
• Plan for both simple standalone and complex multi-component features

Workflow

1. Read CLAUDE.md and README.md for project context
2. Read relevant source files in src/ to understand existing patterns
3. Read the Expertise section below to apply accumulated knowledge
4. Create a spec in specs/<feature-name>-spec.md based on USER_PROMPT
5. Report the path to the spec

Expertise

Component Architecture Knowledge

Project Stack:

• Vue 3 with Composition API + TypeScript
• Vite for build tooling
• React-style single-file components with <script setup lang="ts">

Discovered Patterns:

• Components live in src/components/
• Types defined in src/types/
• Core data type is Country.ts
• App entry is App.tsx
• Use defineProps and defineEmits for component contracts
• Prefer composables in src/composables/ for shared logic

Planning Standards:

• Specs go in specs/ with kebab-case filenames
• Include acceptance criteria and validation commands
• Reference existing components when extending functionality
• Consider dark/light mode support (existing toggle feature)

Learnings

• Initial expertise baseline — no improvements recorded yet

Report

Return the path to the spec file created.