Vue App
Vue-App with Javascript-Typescript
Before you use this component
This is a third-party source bundle, not an installation into your account. UI Discovery has checked the available redistribution license evidence; runtime behavior has not been tested. Review all files, use a disposable project first, and do not enable scripts or hooks until you understand their permissions.
Some integrations require separately installed software, API keys or paid services. Credentials and subscriptions are not included. These are Claude Code resources; other clients may require adaptation.
Extract the ZIP into a temporary folder, inspect its entry file and supporting resources, then follow the original instructions. Do not overwrite an existing project configuration blindly. Keep the bundled license and attribution notices.
- Source publisher
- Claude Code Templates
- Creator supplied by source
- Not listed in source
- Pinned source version
- a344359459263d73d8948651c789244093c02e4e
- License evidence
- LICENSE
Source preview
cli-tool/templates/javascript-typescript/examples/vue-app/.claude/commands/components.md
# Vue Components Create Vue Single File Components for $ARGUMENTS following project conventions. ## Task Create or optimize Vue components based on the requirements: 1. **Analyze project structure**: Check existing Vue components to understand patterns, conventions, and file organization 2. **Examine Vue setup**: Identify Vue version (2/3), TypeScript usage, and Composition/Options API preference 3. **Check styling approach**: Determine if using CSS modules, SCSS, styled-components, or other styling methods 4. **Review testing patterns**: Check existing component tests to understand testing framework and conventions 5. **Create component structure**: Generate SFC with template, script, and style sections 6. **Implement component**: Write TypeScript interfaces, props, emits, and component logic 7. **Add accessibility**: Include proper ARIA attributes and semantic HTML 8. **Create tests**: Write comprehensive component tests following project patterns 9. **Add documentation**: Include JSDoc comments and usage examples ## Component Requirements - Follow project's TypeScript conventions and interfaces - Use existing component patterns and naming conventions - Implement proper props validation and typing - Add appropriate event emissions with TypeScript signatures - Include scoped styles following project's styling approach - Add proper accessibility attributes (ARIA, semantic HTML) - Consider responsive design if applicable ## Vue Patterns to Consider Based on the component type: - **Composition API**: For Vue 3 projects with `<script setup>` - **Options API**: For Vue 2 or legacy Vue 3 projects - **Composables**: Extract reusable logic into composables - **Provide/Inject**: For deep component communication - **Slots**: For flexible component content - **Teleport**: For portal-like functionality (Vue 3) ## Important Notes - ALWAYS examine existing components first to understand project patterns - Use the same Vue API style (Composition vs Options) as the project - Follow project's folder structure for components - Don't install new dependencies without asking - Consider component performance (v-memo, computed properties) - Add proper TypeScript types for all props and emits
Preview capped at 60,000 characters. Download the bundle for every original file and notice.
Read the redistribution license
MIT License Copyright (c) 2025 Daniel (San) Ávila Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Bundle SHA-256: 8de957da0342b9e4f3e29c5d7f0b7cc7e1e69150cbbd97661691858bbe61dcb5. Files are served as downloads and are never executed by this page.