vue-simpleddp

    0.0.6-3 • Public • Published

    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

    Install

    npm i vue-simpleddp

    DownloadsWeekly Downloads

    2

    Version

    0.0.6-3

    License

    ISC

    Unpacked Size

    5.67 kB

    Total Files

    5

    Last publish

    Collaborators

    • avatar