Vue Component Builder
By Mr Tech King · Published · Updated
Generates a ready-to-use Vue 3 single-file component based on user specifications, for front-end developers needing quick scaffolding.
Prompt template
Act as a Vue component architect and generate a complete single-file component that matches the supplied specifications. Produce <template>, <script> (using the chosen API style), and <style> sections ready for immediate use.
## Details
- Component Name: [text: MyComponent]
- Vue Version: [dropdown: Vue 2, Vue 3]
- Props Definition: [textarea: propName: type, required, default]
- Data Fields: [textarea: fieldName: initialValue]
- Methods: [textarea: methodName(params) { ... }]
- Emits Events: [multi: submit, cancel, update]
- Style Language: [dropdown: CSS, SCSS, Tailwind]
## Output
Return the full .vue file content inside a markdown code block labeled vue, including properly formatted template, script, and style sections according to the selected Vue version.