Vue SimpleDDP

A simple plugin that uses SimpleDDP to connect an external Vue app to Meteor's DDP system.

Getting Started

Install the package:

npm install vue-simpleddp

Initialize the plugin in your Vue app like below:

import Vue from 'vue';
import VueDDP from 'vue-simpleddp';
 
Vue.use(VueDDP);

Subscribe to data from one of your components like the example below:

  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.

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