# Pinia Colada

> Smart data fetching for Vue.js

- Skill: `hk-vk/pinia-colada` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add hk-vk/pinia-colada`
- Raw SKILL.md: https://api.skillmd.com/api/skills/hk-vk/pinia-colada/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: hk-vk (https://skillmd.com/u/hk-vk)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/hk-vk/pinia-colada

---


# Pinia Colada

> Smart data fetching for Vue.js

Pinia Colada is a smart data fetching layer for Vue.js. It consist of two main concepts:

On top of that Pinia Colada is highly extensible. You can create your own plugins to extend the functionality of Pinia Colada. You can also use Pinia Colada with Nuxt.js and Vue Router.

## Available Resources

### Table of Contents

- **Quick Start**
  - URL: /quick-start.md

- **Why?**
  - URL: /why.md

- **Installation**
  - URL: /guide/installation.md

- **Queries**
  - URL: /guide/queries.md

- **Query Keys**
  - URL: /guide/query-keys.md

- **Query Meta**
  - URL: /guide/query-meta.md

- **Paginated Queries**
  - URL: /guide/paginated-queries.md

- **Infinite Queries**
  - URL: /guide/infinite-queries.md

- **Mutations**
  - URL: /guide/mutations.md

- **Error Handling**
  - URL: /guide/error-handling.md

- **Query Invalidation**
  - URL: /guide/query-invalidation.md

- **Optimistic updates**
  - URL: /guide/optimistic-updates.md

- **Nuxt**
  - URL: /nuxt.md

- **Server Side Rendering**
  - URL: /guide/ssr.md

- **Plugins**
  - URL: /plugins.md

- **Community plugins**
  - URL: /plugins/community.md

- **Writing Plugins**
  - URL: /plugins/writing-plugins.md

- **Query Hooks**
  - URL: /plugins/official/query-hooks.md

- **Auto refetch**
  - URL: /plugins/official/auto-refetch.md

- **Retry**
  - URL: /plugins/official/retry.md

- **Delay**
  - URL: /plugins/official/delay.md

- **Cache persister**
  - URL: /plugins/official/cache-persister.md

- **Query Cache**
  - URL: /advanced/query-cache.md

- **Reusable Queries**
  - URL: /advanced/reusable-queries.md

- **Prefetching queries**
  - URL: /cookbook/prefetching.md

- **Cache Persistence**
  - URL: /cookbook/cache-persistence.md

- **Testing**
  - URL: /cookbook/testing.md

- **TanStack Query Compatibility Plugin**
  - URL: /cookbook/tanstack-compat.md

- **Migrating from `@tanstack/vue-query` to `@pinia/colada`**
  - URL: /cookbook/migration-tvq.md

- **Migration Codemods**
  - URL: /cookbook/migrations.md

- **Canceling Queries**
  - URL: /guide/cancelling-queries.md

- **Official plugins**
  - URL: /plugins/official.md

- **Placeholder Data**
  - URL: /guide/placeholder-data.md

- **Query Hooks**
  - URL: /cookbook/query-hooks.md

- **Setup**
  - URL: /guide/setup.md

- **TypeScript**
  - URL: /guide/typescript.md

## How to Use This Skill

Reference these resources when working with Pinia Colada.