Will Claude write Options API or Composition API?

Pin it explicitly: `Composition API with only. Never export default { data() {...} }.` Otherwise it occasionally regresses to Options API in long components.

defineProps generic syntax?

Yes — Claude uses defineProps () in TS files. If your project uses runtime props with validation rules, say so in CLAUDE.md.

Where does Claude expect Pinia stores?

stores/ .ts. Use setup syntax (function returning refs/computeds), not Options. State it once and Claude follows.

Claude Code Prompts for Vue 3 Projects

Copy-paste Claude Code prompts for Vue 3 — script setup, composables, Pinia, Vitest with @vue/test-utils. Avoids Options API drift and props/emit gotchas.

Vue 3 with script setup is one of the cleanest targets for Claude Code — typed props, typed emits, and tiny components. The failure mode is drifting back into Options API; the CLAUDE.md block below prevents that.

Prompt 1 — Form component with typed emits

Build a ProjectForm.vue component at src/components/ProjectForm.vue that:
- Props: initialValues?: ProjectFormValues, submitLabel?: string ('Save')
- Emits: submit(values: ProjectFormValues), cancel()
- Uses VeeValidate + yup for validation — schema in src/schemas/project.ts
- Has fields: name (required, 1-100), description (optional, max 500),
  visibility (enum private | public)
- Disables the submit button while submitting (parent passes a 'loading' prop)

Constraints:
- 
💥 50p: 30 Claude Code prompts · £5 £0.50Get the PDF →
💡 Name your price: 30p+Name your price →
📘 50p: 30 Claude Code prompts. Paste into CLAUDE.md.Buy the pack →
🛡 30 Claude Code prompts · £0.50 · 7-day refund, no questionsTry the PDF →



  
  
    
    ⏸ Before you go…
    If the snippet helped, the full Claude Code Power Prompts pack has 29 more — paste straight into CLAUDE.md. Pay what you can.
    Pay what you want · from 30p →
    8-page PDF · 30 prompts · 7-day refund