@the-bearded-bear/claude-craft 3.1.2 → 3.3.1-next.f4f0d1e

package/Dev/i18n/es/VueJS/commands/check-compliance.md

@@ -0,0 +1,124 @@
+---
+description: Audit Vue.js project compliance with coding standards and best practices
+---
+
+# Vue.js Compliance Audit
+
+You are an expert Vue.js auditor. Perform a comprehensive compliance check on this project.
+
+## MISSION
+
+Audit the project for compliance with Vue.js 3 best practices, Composition API standards, and TypeScript conventions.
+
+## AUDIT CHECKLIST
+
+### 1. Project Structure (20 points)
+
+```
+[ ] src/components/ - Shared components organized
+[ ] src/composables/ - Composition functions present
+[ ] src/stores/ - Pinia stores properly structured
+[ ] src/router/ - Vue Router configuration
+[ ] src/types/ - TypeScript types defined
+[ ] src/services/ - API services separated
+```
+
+### 2. Component Standards (25 points)
+
+```
+[ ] Using <script setup> syntax
+[ ] TypeScript with lang="ts"
+[ ] Props defined with defineProps<T>()
+[ ] Emits defined with defineEmits<T>()
+[ ] Components are multi-word named
+[ ] Base components use Base prefix
+```
+
+### 3. Composition API (20 points)
+
+```
+[ ] No Options API in new components
+[ ] Composables follow use* naming
+[ ] Reactive state properly typed
+[ ] Computed properties used correctly
+[ ] Watchers cleaned up
+```
+
+### 4. Pinia Stores (15 points)
+
+```
+[ ] Setup syntax stores (composition style)
+[ ] Proper TypeScript typing
+[ ] Actions are async when needed
+[ ] Getters use computed
+[ ] No direct state mutation from components
+```
+
+### 5. TypeScript Integration (20 points)
+
+```
+[ ] Strict mode enabled
+[ ] No implicit any
+[ ] Props and emits fully typed
+[ ] Interfaces for complex types
+[ ] Type-only imports used
+```
+
+## OUTPUT FORMAT
+
+```
+══════════════════════════════════════════════════════════════
+VUE.JS COMPLIANCE AUDIT
+══════════════════════════════════════════════════════════════
+
+📊 SUMMARY
+──────────────────────────────────────────────────────────────
+Total Score: XX/100
+Status: ✅ COMPLIANT | ⚠️ NEEDS WORK | ❌ NON-COMPLIANT
+
+📁 PROJECT STRUCTURE: XX/20
+──────────────────────────────────────────────────────────────
+[✓] Organized component structure
+[✗] Missing composables directory
+    → Create src/composables/ for reusable logic
+
+🧩 COMPONENT STANDARDS: XX/25
+──────────────────────────────────────────────────────────────
+[✓] Using <script setup>
+[✗] Some components use Options API
+    Files: src/components/OldComponent.vue
+    → Migrate to Composition API
+
+🔧 COMPOSITION API: XX/20
+──────────────────────────────────────────────────────────────
+[✓] Composables properly named
+[✗] Missing cleanup in watchers
+    File: src/composables/useData.ts:45
+
+🏪 PINIA STORES: XX/15
+──────────────────────────────────────────────────────────────
+[✓] Setup syntax used
+[✓] Proper typing
+
+📝 TYPESCRIPT: XX/20
+──────────────────────────────────────────────────────────────
+[✓] Strict mode enabled
+[✗] Implicit any found
+    File: src/utils/helpers.ts:12
+
+📋 RECOMMENDATIONS
+──────────────────────────────────────────────────────────────
+1. [HIGH] Migrate remaining Options API components
+2. [MEDIUM] Add missing type definitions
+3. [LOW] Organize composables by feature
+
+══════════════════════════════════════════════════════════════
+```
+
+## PROCESS
+
+1. Scan project structure
+2. Analyze component files for standards
+3. Check composables and stores
+4. Verify TypeScript configuration
+5. Generate compliance report with score

package/Dev/i18n/es/VueJS/commands/check-security.md

@@ -0,0 +1,186 @@
+---
+description: Security audit for Vue.js applications (OWASP, XSS, CSRF)
+---
+
+# Vue.js Security Audit
+
+You are an expert Vue.js security auditor. Perform a comprehensive security analysis.
+
+## MISSION
+
+Identify security vulnerabilities and ensure compliance with OWASP guidelines for Vue.js applications.
+
+## SECURITY CHECKS
+
+### 1. XSS Prevention
+
+Scan for:
+- `v-html` usage without sanitization
+- Direct DOM manipulation
+- Unsafe URL bindings
+- User input in templates
+
+### 2. CSRF Protection
+
+Verify:
+- CSRF tokens in API requests
+- SameSite cookie configuration
+- Proper authentication headers
+
+### 3. Authentication & Authorization
+
+Check:
+- Route guards implemented
+- Token storage security
+- Session management
+- Role-based access control
+
+### 4. Data Protection
+
+Verify:
+- No secrets in frontend code
+- Sensitive data not in localStorage
+- Proper environment variables
+- API key protection
+
+### 5. Dependency Security
+
+Run:
+```bash
+pnpm audit
+```
+
+## OUTPUT FORMAT
+
+```
+══════════════════════════════════════════════════════════════
+VUE.JS SECURITY AUDIT
+══════════════════════════════════════════════════════════════
+
+📊 SECURITY SCORE: XX/100
+Risk Level: 🟢 LOW | 🟡 MEDIUM | 🔴 HIGH | ⚫ CRITICAL
+
+🛡️ XSS PREVENTION
+──────────────────────────────────────────────────────────────
+Status: ✅ SECURE | ⚠️ RISKS FOUND | ❌ VULNERABLE
+
+Findings:
+[🔴 HIGH] Unsanitized v-html
+    File: src/components/RichText.vue:15
+    Code: <div v-html="userContent"></div>
+    Fix: Use DOMPurify.sanitize(userContent)
+
+[🟡 MEDIUM] Dynamic href binding
+    File: src/components/Link.vue:8
+    Code: <a :href="url">
+    Fix: Validate URL protocol before binding
+
+🔐 CSRF PROTECTION
+──────────────────────────────────────────────────────────────
+Status: ✅ PROTECTED | ⚠️ PARTIAL | ❌ MISSING
+
+Findings:
+[🟡 MEDIUM] CSRF token not sent in all requests
+    File: src/services/api/client.ts
+    Fix: Add CSRF interceptor to axios instance
+
+🔑 AUTHENTICATION
+──────────────────────────────────────────────────────────────
+Status: ✅ SECURE | ⚠️ RISKS FOUND | ❌ INSECURE
+
+Findings:
+[🔴 HIGH] JWT stored in localStorage
+    File: src/composables/useAuth.ts:25
+    Code: localStorage.setItem('token', token)
+    Fix: Use httpOnly cookies or memory-only storage
+
+[🟡 MEDIUM] No token expiration check
+    File: src/router/guards/auth.guard.ts
+    Fix: Add JWT expiration validation
+
+🔒 DATA PROTECTION
+──────────────────────────────────────────────────────────────
+Status: ✅ SECURE | ⚠️ RISKS FOUND | ❌ EXPOSED
+
+Findings:
+[⚫ CRITICAL] API key in source code
+    File: src/services/analytics.ts:5
+    Code: const API_KEY = 'sk_live_xxx'
+    Fix: Move to environment variable (non-VITE_)
+
+[🟡 MEDIUM] Sensitive user data in Pinia store
+    File: src/stores/user.store.ts
+    Fix: Don't store passwords or tokens in reactive state
+
+📦 DEPENDENCY AUDIT
+──────────────────────────────────────────────────────────────
+Total Dependencies: XX
+Vulnerabilities Found: X
+
+[🔴 HIGH] lodash < 4.17.21
+    Severity: High
+    Fix: pnpm update lodash
+
+[🟡 MEDIUM] axios < 1.6.0
+    Severity: Medium
+    Fix: pnpm update axios
+
+🌐 SECURITY HEADERS
+──────────────────────────────────────────────────────────────
+[ ] Content-Security-Policy
+[✓] X-Content-Type-Options
+[ ] X-Frame-Options
+[✓] X-XSS-Protection
+
+Missing Headers:
+- Add CSP meta tag or configure server
+- Add X-Frame-Options: DENY
+
+📋 ACTION ITEMS
+──────────────────────────────────────────────────────────────
+Priority 1 (CRITICAL):
+  - Remove hardcoded API keys
+  - Sanitize all v-html usage
+
+Priority 2 (HIGH):
+  - Fix JWT storage
+  - Update vulnerable dependencies
+
+Priority 3 (MEDIUM):
+  - Add CSRF protection
+  - Validate URL bindings
+
+Priority 4 (LOW):
+  - Add missing security headers
+  - Implement rate limiting awareness
+
+══════════════════════════════════════════════════════════════
+```
+
+## COMMANDS
+
+```bash
+# Audit dependencies
+pnpm audit
+
+# Fix automatically
+pnpm audit --fix
+
+# Check for secrets
+grep -r "sk_" src/
+grep -r "api_key" src/
+grep -r "password" src/
+```
+
+## SECURITY CHECKLIST
+
+```
+[ ] No v-html with user input
+[ ] URLs validated before binding
+[ ] CSRF tokens sent with requests
+[ ] JWT handled securely
+[ ] No secrets in frontend code
+[ ] Dependencies up to date
+[ ] Route guards on protected pages
+[ ] Proper error messages (no stack traces)
+```

package/Dev/i18n/es/VueJS/commands/check-testing.md

@@ -0,0 +1,185 @@
+---
+description: Audit Vue.js test coverage and quality with Vitest
+---
+
+# Vue.js Testing Audit
+
+You are an expert Vue.js testing specialist. Analyze test coverage and quality.
+
+## MISSION
+
+Evaluate test coverage, test quality, and testing best practices for Vue.js components, composables, and stores.
+
+## AUDIT AREAS
+
+### 1. Coverage Analysis
+
+Run coverage report:
+```bash
+pnpm test:coverage
+```
+
+Thresholds:
+- Statements: 80%
+- Branches: 80%
+- Functions: 80%
+- Lines: 80%
+
+### 2. Test Organization
+
+Check for:
+- Co-located tests (*.test.ts next to source)
+- Proper describe/it structure
+- Meaningful test names
+- Test isolation
+
+### 3. Component Testing
+
+Verify:
+- Props and emits tested
+- User interactions tested
+- Slots tested
+- Edge cases covered
+
+### 4. Composable Testing
+
+Check:
+- Return values tested
+- Reactivity verified
+- Side effects mocked
+- Lifecycle hooks tested
+
+### 5. Store Testing
+
+Verify:
+- Initial state tested
+- Actions tested
+- Getters tested
+- State mutations tested
+
+## OUTPUT FORMAT
+
+```
+══════════════════════════════════════════════════════════════
+VUE.JS TESTING AUDIT
+══════════════════════════════════════════════════════════════
+
+📊 COVERAGE SUMMARY
+──────────────────────────────────────────────────────────────
+Statements: XX% (target: 80%)
+Branches:   XX% (target: 80%)
+Functions:  XX% (target: 80%)
+Lines:      XX% (target: 80%)
+
+Status: ✅ PASS | ❌ BELOW THRESHOLD
+
+📁 COVERAGE BY AREA
+──────────────────────────────────────────────────────────────
+Components:  XX% ████████░░
+Composables: XX% ██████████
+Stores:      XX% ███████░░░
+Utils:       XX% █████████░
+
+🔴 UNCOVERED FILES
+──────────────────────────────────────────────────────────────
+- src/components/DataTable.vue (0%)
+- src/composables/useAnalytics.ts (15%)
+- src/stores/notifications.store.ts (45%)
+
+📋 TEST ORGANIZATION
+──────────────────────────────────────────────────────────────
+Total Test Files: XX
+Total Tests: XX
+Co-located Tests: XX/XX (XX%)
+
+Issues:
+- tests/ directory used instead of co-location
+  → Move tests next to source files
+
+🧩 COMPONENT TEST QUALITY
+──────────────────────────────────────────────────────────────
+Components with tests: XX/XX
+
+Quality Issues:
+[⚠️] UserCard.test.ts - Missing emit tests
+[⚠️] ProductList.test.ts - No edge case coverage
+[✗] DataTable.vue - No tests at all
+
+🔧 COMPOSABLE TEST QUALITY
+──────────────────────────────────────────────────────────────
+Composables with tests: XX/XX
+
+Quality Issues:
+[⚠️] useAuth.test.ts - Lifecycle not tested
+[⚠️] useFetch.test.ts - Error cases missing
+
+🏪 STORE TEST QUALITY
+──────────────────────────────────────────────────────────────
+Stores with tests: XX/XX
+
+Quality Issues:
+[⚠️] user.store.test.ts - Async actions not tested
+[✗] cart.store.ts - No tests
+
+📋 RECOMMENDATIONS
+──────────────────────────────────────────────────────────────
+1. [CRITICAL] Add tests for DataTable.vue
+2. [HIGH] Improve branch coverage
+3. [MEDIUM] Add error case tests
+4. [LOW] Move tests to co-located structure
+
+══════════════════════════════════════════════════════════════
+```
+
+## COMMANDS
+
+```bash
+# Run tests with coverage
+pnpm test:coverage
+
+# Run specific test file
+pnpm test UserCard
+
+# Run tests in UI mode
+pnpm test:ui
+
+# Generate coverage report
+pnpm test:coverage --reporter=html
+```
+
+## TEST FILE TEMPLATE
+
+```typescript
+// ComponentName.test.ts
+import { describe, it, expect, vi } from 'vitest'
+import { mount } from '@vue/test-utils'
+import ComponentName from './ComponentName.vue'
+
+describe('ComponentName', () => {
+  // Setup
+  const defaultProps = {
+    // ...
+  }
+
+  // Rendering
+  it('renders correctly', () => {
+    const wrapper = mount(ComponentName, { props: defaultProps })
+    expect(wrapper.exists()).toBe(true)
+  })
+
+  // Props
+  it('displays prop value', () => {
+    // ...
+  })
+
+  // Events
+  it('emits event on action', async () => {
+    // ...
+  })
+
+  // Edge cases
+  it('handles empty state', () => {
+    // ...
+  })
+})
+```