# Tryboy869 Dojutsu For AI Vue3 Composition API Cursorrules Prompt File > vue3-composition-api-cursorrules-prompt-file - Skill: `tomevault-io/tryboy869-dojutsu-for-ai-vue3-composition-api-cursorrules-pr` (Agent Skill, multi-file: 2 files) - Install (CLI): `npx skillmds@latest add tomevault-io/tryboy869-dojutsu-for-ai-vue3-composition-api-cursorrules-pr` - Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/tryboy869-dojutsu-for-ai-vue3-composition-api-cursorrules-pr/raw - Safety review: pending (external: skill-scanner PASS, skillspector PASS) - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: AI & ML - Author: tomevault-io (https://skillmd.com/u/tomevault-io) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/tomevault-io/tryboy869-dojutsu-for-ai-vue3-composition-api-cursorrules-pr --- # vue3-composition-api-cursorrules-prompt-file --- description: Performance optimization strategies for Vue 3 Composition API applications, including bundle optimization, caching, and rendering strategies. globs: src/**/* --- - Use functional components for simple presentational components. - Implement proper code splitting with dynamic imports. - Use computed properties for expensive calculations that are used in templates. - Implement proper bundle analysis with tools like webpack-bundle-analyzer. - Use Vue's built-in optimization features like static hoisting. - Implement proper pagination for large data sets. - Use windowing/virtualization for long lists with vue-virtual-scroller. - Optimize images with proper sizing and modern formats (WebP, AVIF). - Implement proper lazy loading for components and images. - Use watchEffect and watch with proper dependencies to prevent unnecessary re-execution. - Implement proper error boundaries to prevent cascading failures. - Use production builds for deployment with NODE_ENV=production. - Implement proper caching strategies for API responses. - Use service workers for caching static assets. - Optimize CSS by removing unused styles and using efficient selectors. - Implement proper font loading strategies. - Use code splitting for routes with Vue Router. - Implement proper database query optimization for backend APIs. - Use CDN for static assets delivery. - Monitor Core Web Vitals for performance metrics. - Implement proper gzip/brotli compression for assets. - Use efficient state management to minimize re-renders. - Implement proper debounce/throttle for event handlers. - Use CSS containment to limit browser layout calculations. - Use Vue's reactivity system efficiently by avoiding unnecessary reactive objects. --- > Source: [Tryboy869/dojutsu-for-ai](https://github.com/Tryboy869/dojutsu-for-ai) — distributed by [TomeVault](https://tomevault.io).