A simple plugin to connect an external Vue app to Meteor's realtime DDP system
npm install vue-simpleddpA simple plugin that uses SimpleDDP to connect an external Vue app to Meteor's DDP system.
Install the package:
``bash`
npm install vue-simpleddp
Initialize the plugin in your Vue app like below:
`javascript
import Vue from 'vue';
import VueDDP from 'vue-simpleddp';
Vue.use(VueDDP);
`
Subscribe to data from one of your components like the example below:
`javascript
export default {
components: {
Logo,
},
data() {
return {
articles: [],
};
},
created() {
(async () => {
await this.$subscribe('articles').catch(console.error);
this.articles = await this.find('articles');
})();
},
};
`Options
You can pass additional options to the plugin to for example specify the endpoint. These options are
passed down to the simpleddp package.
`javascript``
Vue.use(VueDDP, {
endpoint: 'ws://localhost:3030/websocket',
});
Below are some example options.
| Option | Default Value | Description |
| ---------- | --- | ----- |
| endpoint | ws://localhost:3030/websocket | The link to the DDP websocket endpoint (In Meteor its usually ws://{host}/websocket) |
| ws | ws | A constructor for the websocket library. vue-simpleddp uses isomorphic-ws by default to make it work on client and serverside |
| reconnectInterval | 5000 | The interval in which it tries to reconnect when disconnected from the server |