vuejs/vuex
### [`v4.0.2`](https://togithub.com/vuejs/vuex/blob/HEAD/CHANGELOG.md#402-httpsgithubcomvuejsvuexcomparev401v402-2021-06-17)
[Compare Source](https://togithub.com/vuejs/vuex/compare/v4.0.1...v4.0.2)
##### Bug Fixes
- **devtools:** fix no getters displayed on root module + better getters inspector ([#1986](https://togithub.com/vuejs/vuex/issues/1986)) ([bc20295](https://togithub.com/vuejs/vuex/commit/bc20295331eb2bee40d6ae779d1ada31c542604c))
- **build:** cjs build failing due to `__VUE_PROD_DEVTOOLS__` defined ([#1991](https://togithub.com/vuejs/vuex/issues/1991)) ([#1992](https://togithub.com/vuejs/vuex/issues/1992)) ([7151622](https://togithub.com/vuejs/vuex/commit/7151622d646968686546f1c4c80f7575c9b99176))
### [`v4.0.1`](https://togithub.com/vuejs/vuex/blob/HEAD/CHANGELOG.md#401-httpsgithubcomvuejsvuexcomparev400v401-2021-05-24)
[Compare Source](https://togithub.com/vuejs/vuex/compare/v4.0.0...v4.0.1)
##### Features
- dx: add devtools integration ([#1949](https://togithub.com/vuejs/vuex/pull/1949))
### [`v4.0.0`](https://togithub.com/vuejs/vuex/blob/HEAD/CHANGELOG.md#400-httpsgithubcomvuejsvuexcomparev400-rc2v400-2021-02-02)
[Compare Source](https://togithub.com/vuejs/vuex/compare/v3.6.2...v4.0.0)
This is the official Vuex 4 release.
The focus for Vuex 4 is compatibility. Vuex 4 supports Vue 3, and it provides the exact same API as Vuex 3, so users can reuse their existing Vuex code with Vue 3.
There are a few breaking changes described in a later section, so please check them out.
You can find basic usage with both Option and Composition API in the `example` directory.
It's still released under `next` tag in NPM package as same as Vue 3. We're planning to remove `next` tag once Vue 3 is ready to remove it.
There have been a lot of contribution to make Vuex 4 stable. Thank you all for your very much appreciated help. It wouldn't have been possible without this wonderful Vue community!
#### Documentation
To check out docs, visit [next.vuex.vuejs.org](https://next.vuex.vuejs.org/).
#### Breaking changes
##### Installation process has changed
To align with the new Vue 3 initialization process, the installation process of Vuex has changed.
To create a new store instance, users are now encouraged to use the newly introduced `createStore` function.
```js
import { createStore } from 'vuex'
export const store = createStore({
state() {
return {
count: 1
}
}
})
```
> Whilst this is not technically a breaking change, you may still use the `new Store(...)` syntax, we recommend this approach to align with Vue 3 and Vue Router Next.
To install Vuex to a Vue instance, pass the store instance instead of Vuex.
```js
import { createApp } from 'vue'
import { store } from './store'
import App from './App.vue'
const app = createApp(App)
app.use(store)
app.mount('#app')
```
##### Bundles are now aligned with Vue 3
The following bundles are generated to align with Vue 3 bundles:
- `vuex.global(.prod).js`
- For direct use with ` Githubissues.
Githubissues is a development platform for aggregating issues.
This PR contains the following updates:
3.6.2->4.0.2Release Notes
vuejs/vuex
### [`v4.0.2`](https://togithub.com/vuejs/vuex/blob/HEAD/CHANGELOG.md#402-httpsgithubcomvuejsvuexcomparev401v402-2021-06-17) [Compare Source](https://togithub.com/vuejs/vuex/compare/v4.0.1...v4.0.2) ##### Bug Fixes - **devtools:** fix no getters displayed on root module + better getters inspector ([#1986](https://togithub.com/vuejs/vuex/issues/1986)) ([bc20295](https://togithub.com/vuejs/vuex/commit/bc20295331eb2bee40d6ae779d1ada31c542604c)) - **build:** cjs build failing due to `__VUE_PROD_DEVTOOLS__` defined ([#1991](https://togithub.com/vuejs/vuex/issues/1991)) ([#1992](https://togithub.com/vuejs/vuex/issues/1992)) ([7151622](https://togithub.com/vuejs/vuex/commit/7151622d646968686546f1c4c80f7575c9b99176)) ### [`v4.0.1`](https://togithub.com/vuejs/vuex/blob/HEAD/CHANGELOG.md#401-httpsgithubcomvuejsvuexcomparev400v401-2021-05-24) [Compare Source](https://togithub.com/vuejs/vuex/compare/v4.0.0...v4.0.1) ##### Features - dx: add devtools integration ([#1949](https://togithub.com/vuejs/vuex/pull/1949)) ### [`v4.0.0`](https://togithub.com/vuejs/vuex/blob/HEAD/CHANGELOG.md#400-httpsgithubcomvuejsvuexcomparev400-rc2v400-2021-02-02) [Compare Source](https://togithub.com/vuejs/vuex/compare/v3.6.2...v4.0.0) This is the official Vuex 4 release. The focus for Vuex 4 is compatibility. Vuex 4 supports Vue 3, and it provides the exact same API as Vuex 3, so users can reuse their existing Vuex code with Vue 3. There are a few breaking changes described in a later section, so please check them out. You can find basic usage with both Option and Composition API in the `example` directory. It's still released under `next` tag in NPM package as same as Vue 3. We're planning to remove `next` tag once Vue 3 is ready to remove it. There have been a lot of contribution to make Vuex 4 stable. Thank you all for your very much appreciated help. It wouldn't have been possible without this wonderful Vue community! #### Documentation To check out docs, visit [next.vuex.vuejs.org](https://next.vuex.vuejs.org/). #### Breaking changes ##### Installation process has changed To align with the new Vue 3 initialization process, the installation process of Vuex has changed. To create a new store instance, users are now encouraged to use the newly introduced `createStore` function. ```js import { createStore } from 'vuex' export const store = createStore({ state() { return { count: 1 } } }) ``` > Whilst this is not technically a breaking change, you may still use the `new Store(...)` syntax, we recommend this approach to align with Vue 3 and Vue Router Next. To install Vuex to a Vue instance, pass the store instance instead of Vuex. ```js import { createApp } from 'vue' import { store } from './store' import App from './App.vue' const app = createApp(App) app.use(store) app.mount('#app') ``` ##### Bundles are now aligned with Vue 3 The following bundles are generated to align with Vue 3 bundles: - `vuex.global(.prod).js` - For direct use with ` Githubissues.