# vuex-observable

**Repository Path**: vuejs/vuex-observable

## Basic Information

- **Project Name**: vuex-observable
- **Description**: Consume Vuex actions as Observables using RxJS 5
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-03
- **Last Updated**: 2025-06-12

## Categories & Tags

**Categories**: vue-extensions

**Tags**: None

## README

# THIS REPOSITORY IS DEPRECATED

## vuex-observable

> Proof of Concept, DO NOT USE YET

Consume Vuex actions as Observables using RxJS 5, inspired by [redux-observable](https://github.com/redux-observable/redux-observable).

## Usage

``` js
import Vue from 'vue'
import Vuex from 'vuex'
import { observableAction } from 'vuex-observable'
import 'rxjs/add/operator/delay'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: {
    pinging: false
  },
  mutations: {
    ping: state => state.pinging = true,
    pong: state => state.pinging = false
  },
  actions: {
    ping: observableAction((action$, { commit }) => {
      action$.subscribe(() => commit('ping'))
      action$.delay(1000).subscribe(() => commit('pong'))
    })
  }
})
```

## TODOs

- Working with multiple actions as source
- Adaptors
- Cancellation
- HMR support