Skills
.Work. You
Rest

resource-composable-pattern

Community

Centralize API calls in composables.

Software Engineering#refactoring#frontend#api#backend#vue#composable
AuthorAuriaz
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the issue of scattered API fetching logic within Vue components, promoting a cleaner, more maintainable codebase by centralizing all frontend-backend communication.

Core Features & Use Cases

  • Centralized API Layer: Establishes app/composables/resources/ as the single source of truth for all API interactions.
  • Component Decoupling: Keeps components purely presentational, free from data fetching concerns.
  • Use Case: When adding a new feature that requires fetching user data, you would implement the fetching logic within a useUserResource composable instead of directly in the component that displays the user information.

Quick Start

Implement a new API endpoint for fetching tasks by adding a method to the useTasksResource composable.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: resource-composable-pattern
Download link: https://github.com/Auriaz/nuxt-stack-starter/archive/main.zip#resource-composable-pattern

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.