vue-socket.io
Advanced tools
Comparing version 3.0.9 to 3.0.10
{ | ||
"name": "vue-socket.io", | ||
"author": "Metin Seylan <metinsyln@gmail.com>", | ||
"version": "3.0.9", | ||
"version": "3.0.10", | ||
"description": "socket.io implementation for Vue.js and Vuex", | ||
@@ -41,4 +41,2 @@ "main": "dist/vue-socketio.js", | ||
"cross-env": "^5.2.0", | ||
"vue": "^2.6.10", | ||
"vuex": "^3.1.1", | ||
"webpack": "^4.23.1", | ||
@@ -45,0 +43,0 @@ "webpack-cli": "^3.1.2" |
@@ -16,3 +16,3 @@ <p align="center"> | ||
<p>Vue-Socket.io is a socket.io integration for Vuejs, easy to use, supporting Vuex and component level socket consumer managements.<p> | ||
<p>Vue-Socket.io is a socket.io integration for Vuejs, easy to use, supporting Vuex and component level socket consumer managements<p> | ||
@@ -37,3 +37,2 @@ ###### Demo | ||
import VueSocketIO from 'vue-socket.io' | ||
import SocketIO from "socket.io-client" | ||
@@ -64,3 +63,2 @@ Vue.use(new VueSocketIO({ | ||
import VueSocketIO from 'vue-socket.io' | ||
import SocketIO from "socket.io-client" | ||
@@ -94,3 +92,2 @@ const options = { path: '/my-app/' }; //Options object to pass into SocketIO | ||
vuex.mutationPrefix|String |`null`|Optional|Prefix for emitting server side vuex mutations | ||
vuex.options.useConnectionNamespace |Boolean|`false`|Optional|Use more than one connection namespace | ||
@@ -156,37 +153,2 @@ #### 🌈 Component Level Usage | ||
#### 🏆 Connection Namespace | ||
<p>When you need to handle more than one namespaced connection, you need to set the `useConnectionNamespace` property of | ||
the options object to true. What this does is telling the plugin that you are going to be using more than one namespaced connection and you want to put every connection in their own `$socket` key.</p> | ||
``` javascript | ||
import Vue from 'vue' | ||
import store from './store' | ||
import App from './App.vue' | ||
import VueSocketIO from 'vue-socket.io' | ||
Vue.use(new VueSocketIO({ | ||
debug: true, | ||
connection: 'http://metinseylan.com:1992/mynamespace', | ||
vuex: { | ||
store, | ||
options: { | ||
useConnectionNamespace: true | ||
} | ||
}, | ||
options: { path: "/my-app/" } //Optional options | ||
})) | ||
new Vue({ | ||
router, | ||
store, | ||
render: h => h(App) | ||
}).$mount('#app') | ||
``` | ||
Then use it like this: | ||
``` javascript | ||
Vue.$socket.mynamespace.emit('emit_method', data) | ||
``` | ||
## Stargazers over time | ||
@@ -193,0 +155,0 @@ |
Sorry, the diff of this file is too big to display
8
141656
159