vuex-notes

Updaing vuex tutorial Learn Vuex by Building a Notes App to vue 2.1.0 and vuex 2.1.3

What has been done

Scaffolded the project with the vue-cli using the webpack-simple template.
Installed bootstrap and loaders to resolve referenced fonts/icons. Installed babel's stage-2 preset to allow object spread operator:

npm install --save bootstrap
npm install --save-dev file-loader url-loader babel-preset-stage-2

Bundled bootsrap.css into resulting build, instead of direct CDN link. See also commented section in webpack.config.js.

// App.vue
<style src="bootstrap/dist/css/bootstrap.css"></style>

state.notes.$remove(state.activeNote)

the filter method was used:

state.notes = state.notes.filter(note => note != state.activeNote)

All mutations, actions and getters declared locally in the store.js and referenced in the Vuex.Store instance. Used vuex API mapActions and mapGetters to map store actions/getters to the components properties.
Fixed incorrect behavior in case when note list is empty and active note doesn't exist.

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

For detailed explanation on how things work, consult the docs for vue-loader.

Name		Name	Last commit message	Last commit date
Latest commit History 8 Commits
src		src
.babelrc		.babelrc
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package.json		package.json
webpack.config.js		webpack.config.js