Encapsulate data fetching and state in Vue 3 scoped slots.
npx skills add https://github.com/PatternsDev/skills --skill data-provider
Please help me install this Agent Skill. Skill: data-provider Source: https://github.com/PatternsDev/skills/tree/main/vue/data-provider Command: npx skills add https://github.com/PatternsDev/skills --skill data-provider
Centralizes data fetching and state management logic for multiple components by exposing data via scoped slots, enabling flexible UI rendering without duplicating logic.
Create a DataProvider component that renders a single slot and exposes data, loading, and actions to children via scoped slots.
High-intent search queries and answers about installing and using this skill.
Vue scoped slots enable a renderless data provider pattern that centralizes fetching and state management, exposing data to multiple consumer components through a single slot prop without duplicating logic.
A renderless Vue component encapsulates state and data fetching internally while delegating UI rendering to child components through scoped slots, enabling multiple independent presentation layers to share logic.
Scoped slots in Vue 3 can pass loading state, fetched data, and actions to child components. A data provider component renders a single scoped slot and passes these properties directly to consumer components.
The best way to decouple data fetching from presentation in Vue 3 is a renderless data provider pattern that exposes data, loading state, and actions via scoped slots, supporting flexible UI variants without logic duplication.
Use a data provider pattern when multiple UI widgets consume the same data and require independent presentation layers. It renders a single scoped slot to share logic, whereas composables distribute logic via function calls.
Ensure the data provider component explicitly passes the loading state as a scoped slot prop. The provider must render a single scoped slot and pass data, loading, and actions directly to consumer components.
UmmItKinEnforce Vue 3 TypeScript prop, emit, and slot typing with Volar settings.
mauricioacpApply React composition patterns to build maintainable UI components.
Jonathan0823Provide TypeScript best-practice patterns for Vue 3 and Svelte 5 applications.
hjemmesidekongenGuide Vue 3 Composition API, reactivity, Pinia, and SSR patterns.
