Installation

Install Pinia Colada alongside Pinia:

npm i @pinia/colada

Then, install the plugin in your application:

import { createApp } from 'vue'
import App from './App.vue'
import { createPinia } from 'pinia'
import { PiniaColada } from '@pinia/colada'

const app = createApp(App)
const pinia = createPinia()
app.use(pinia)
app.use(PiniaColada)

Plugins

Pinia Colada comes with a few plugins that you can use to enhance Pinia Colada's functionality:

import { PiniaColada, PiniaColadaQueryHooksPlugin } from '@pinia/colada'

app.use(PiniaColada, {
  plugins: [
    PiniaColadaQueryHooksPlugin({
      // ...
    }),
  ],
})