Add vuex-persistedstate example

examples/vuex-persistedstate/README.md

@@ -0,0 +1,3 @@
+# Nuxt.js with Vuex persisted state (localStorage)
+
+See https://github.com/robinvdvleuten/vuex-persistedstate

examples/vuex-persistedstate/nuxt.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  /*
+  ** We set `spa` mode to have only client-side rendering
+  */
+  mode: 'spa'
+}

examples/vuex-persistedstate/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "nuxt-vuex-store",
+  "dependencies": {
+    "nuxt": "^1.0.0-rc6",
+    "vuex-persistedstate": "^2.0.0"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

examples/vuex-persistedstate/pages/index.vue

@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <p>{{ counter }}</p>
+    <p>
+      <button @click="increment">+</button>
+      <button @click="decrement">-</button>
+    </p>
+  </div>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+
+export default {
+  computed: {
+    ...mapState(['counter'])
+  },
+  methods: {
+    ...mapMutations(['increment', 'decrement'])
+  }
+}
+</script>

examples/vuex-persistedstate/store/index.js

@@ -0,0 +1,14 @@
+import createPersistedState from 'vuex-persistedstate'
+
+export const state = () => ({
+  counter: 0
+})
+
+export const mutations = {
+  increment: (state) => state.counter++,
+  decrement: (state) => state.counter--
+}
+
+export const plugins = [
+  createPersistedState()
+]