SPA Reloader for Vue

Setup

To add SPA Reloader Plugin to your Vue project, execute:

# npm
npm i spa-reloader-vue

# yarn
yarn add spa-reloader-vue

Import the package in main.js:

// main.js
import SpaReloaderVue from "spa-reloader-vue";

To use it, the plugin needs the 'spaReloaderURL' with the websocket server ip and port.

Vue.use(SpaReloaderVue, { spaReloaderURL: "ws://192.168.1.143:8081" });

Add a new callback function to be executed every time an image update event is caught, by calling this method:

// everywhere
this.$spaSubscribe(this.myCallbackFunction);

Please, take a look at the Demo Project here.