open-index/open-npm huggingface dataset:
npm package: @ricvillagrana/actioncable-vue
Description: ActionCableVue is a component that allows you to connect your frontend with Rails websockets.
Latest version: 0.1.0

# ActionCableVue
ActionCableVue is a component that allows you to connect your frontend with Rails
websockets.

## Installing
`yarn add actioncable-vue # or npm i actioncable-vue`

## Importing
```
import ActionCableVue from 'actioncable-vue'

Vue.component('action-cable-vue', ActionCableVue)
```

## The component
```
<ation-cable-vue
  :channel="MyChannel"
  :room="MyRoom"
  @initialized="onInitialized"
  @connected="onConnected"
  @disconnected="onDisconnected"
  @rejected="onRejected"
  @received="onRecieved"
  >
```

## Props and v-on event listerners
You need to specify two basic properties:
```
  props: {
    channel: String,
    room: String
  }
```

After this you use all events form actioncable.