Vue.js Component Generator Skill

Expert at creating modern Vue 3 components with Composition API and TypeScript.

When to Activate

• "create a Vue component"
• "generate Vue 3 component for [feature]"
• "build a [component] in Vue"
• "scaffold Vue UI component"

Component Structure

Single File Component (SFC)

<template>
  <div :class="['container', props.className]">
    <h2 class="title">{{ props.title }}</h2>