vue-composables
Vue Composables Patterns (Nuxt 4)
Activation Triggers
- Creating new composables in
app/composables/directory - Working with reactive state management
- Implementing localStorage persistence
- Building useProgress, useQuiz, or useCertificate
Nuxt 4 Composables Location
app/
└── composables/
├── useProgress.ts
├── useQuiz.ts
└── useCertificate.ts
Composable Structure Template
More from fawzymohamed/devops
svg-illustrations
Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with illustration components, or needing consistent visual design for lessons.
95cheat-sheets
Expert knowledge for creating effective cheat sheets with PDF export. Activate when creating/editing cheat sheet content, designing quick reference sheets, or working with PDF export functionality. (project)
15nuxt-ui
Expert knowledge for Nuxt UI v4 components and patterns. Activate when creating UI components, working with buttons, cards, forms, or any Nuxt UI component.
13ui-ux-design
UI/UX design patterns and best practices for the LMS. Activate when designing pages, creating layouts, working on user experience, or building navigation.
13quiz-system
Knowledge for implementing the LMS quiz system with Nuxt UI. Activate when working with quiz components, question types, scoring, or quiz-related composables.
2nuxt-content
Expert knowledge for @nuxt/content module in Nuxt 4. Activate when working with content directory, markdown files, frontmatter, or ContentRenderer.
1