@logux/vuex
Advanced tools
Comparing version 0.8.0-beta.1 to 0.8.0
# Change Log | ||
This project adheres to [Semantic Versioning](http://semver.org/). | ||
## 0.8.0-beta.1 | ||
## 0.8.0 | ||
* Add logux `commit` to vuex `action` context ([#31](https://github.com/logux/vuex/issues/31)) | ||
@@ -6,0 +6,0 @@ * Update dependencies |
@@ -16,8 +16,4 @@ import type { ExtendedVue, Vue } from 'vue/types/vue' | ||
* <logux-component :channels="[`user/${ userId }`]" v-slot="{ isSubscribing }"> | ||
* <div v-if="isSubscribing"> | ||
* <h1>Loading</h1> | ||
* </div> | ||
* <div v-else> | ||
* <h1>{{ user.name }}</h1> | ||
* </div> | ||
* <h1 v-if="isSubscribing">Loading</h1> | ||
* <h1 v-else>{{ user.name }}</h1> | ||
* </logux-component> | ||
@@ -34,8 +30,6 @@ * </template> | ||
* }, | ||
* props: { | ||
* userId: String | ||
* }, | ||
* props: ['userId'], | ||
* computed: { | ||
* user () { | ||
* return this.$store.state.user | ||
* return this.$store.state.user[this.userId] | ||
* } | ||
@@ -42,0 +36,0 @@ * } |
@@ -28,3 +28,3 @@ import { Unsubscribe } from 'nanoevents' | ||
* ```js | ||
* this.$logux.sync( | ||
* store.commit.sync( | ||
* { type: 'CHANGE_NAME', name }, | ||
@@ -54,3 +54,3 @@ * { reasons: ['lastName'] } | ||
* ```js | ||
* this.$logux.crossTab( | ||
* store.commit.crossTab( | ||
* { type: 'CHANGE_FAVICON', favicon }, | ||
@@ -81,3 +81,3 @@ * { reasons: ['lastFavicon'] } | ||
* | ||
* this.$logux.local( | ||
* store.commit.local( | ||
* { type: 'OPEN_MENU' }, | ||
@@ -122,3 +122,3 @@ * { reasons: ['lastMenu'] } | ||
* ```js | ||
* this.$logux.sync( | ||
* store.commit.sync( | ||
* { type: 'CHANGE_NAME', name }, | ||
@@ -148,3 +148,3 @@ * { reasons: ['lastName'] } | ||
* ```js | ||
* this.$logux.crossTab( | ||
* store.commit.crossTab( | ||
* { type: 'CHANGE_FAVICON', favicon }, | ||
@@ -175,3 +175,3 @@ * { reasons: ['lastFavicon'] } | ||
* | ||
* this.$logux.local( | ||
* store.commit.local( | ||
* { type: 'OPEN_MENU' }, | ||
@@ -202,3 +202,3 @@ * { reasons: ['lastMenu'] } | ||
* ```js | ||
* this.$logux.on('change', (state, prevState, action, meta) => { | ||
* store.on('change', (state, prevState, action, meta) => { | ||
* console.log(state, prevState, action, meta) | ||
@@ -205,0 +205,0 @@ * }) |
@@ -37,11 +37,9 @@ import type { ExtendedVue, Vue } from 'vue/types/vue' | ||
* mixins: [loguxMixin], | ||
* props: { | ||
* userId: String | ||
* }, | ||
* props: ['userId'], | ||
* computed: { | ||
* user () { | ||
* return this.$store.state.user | ||
* return this.$store.state.user[this.userId] | ||
* }, | ||
* channels () { | ||
* return [`user/${ userId }`] | ||
* return [`user/${ this.userId }`] | ||
* } | ||
@@ -56,5 +54,2 @@ * } | ||
{ | ||
/** | ||
* Indicates loading state. | ||
*/ | ||
isSubscribing: boolean | ||
@@ -61,0 +56,0 @@ $_logux_ignoreResponse: { |
{ | ||
"name": "@logux/vuex", | ||
"version": "0.8.0-beta.1", | ||
"version": "0.8.0", | ||
"description": "Vuex compatible API for Logux", | ||
@@ -53,2 +53,7 @@ "keywords": [ | ||
}, | ||
"./install/package.json": "./install/package.json", | ||
"./install": { | ||
"require": "./install/index.cjs", | ||
"import": "./install/index.js" | ||
}, | ||
"./mixin/package.json": "./mixin/package.json", | ||
@@ -59,7 +64,2 @@ "./mixin": { | ||
}, | ||
"./install/package.json": "./install/package.json", | ||
"./install": { | ||
"require": "./install/index.cjs", | ||
"import": "./install/index.js" | ||
}, | ||
"./utils/package.json": "./utils/package.json", | ||
@@ -75,2 +75,7 @@ "./utils": { | ||
}, | ||
"./utils/forEachValue/package.json": "./utils/forEachValue/package.json", | ||
"./utils/forEachValue": { | ||
"require": "./utils/forEachValue/index.cjs", | ||
"import": "./utils/forEachValue/index.js" | ||
}, | ||
"./utils/isPromise/package.json": "./utils/isPromise/package.json", | ||
@@ -80,9 +85,4 @@ "./utils/isPromise": { | ||
"import": "./utils/isPromise/index.js" | ||
}, | ||
"./utils/forEachValue/package.json": "./utils/forEachValue/package.json", | ||
"./utils/forEachValue": { | ||
"require": "./utils/forEachValue/index.cjs", | ||
"import": "./utils/forEachValue/index.js" | ||
} | ||
} | ||
} |
@@ -109,3 +109,2 @@ # Logux Vuex | ||
<h1>{{ user.name }}</h1> | ||
<button @click="increment" /> | ||
</div> | ||
@@ -123,9 +122,7 @@ </logux-component> | ||
}, | ||
props: { | ||
userId: String | ||
}, | ||
props: ['userId'], | ||
computed: { | ||
// Retrieve counter state from store | ||
// Retrieve user state from store | ||
user () { | ||
return this.$store.state.user | ||
return this.$store.state.user[this.userId] | ||
} | ||
@@ -132,0 +129,0 @@ } |
60897
1710
131