From 6f66cd0a1f6cc1fb8bd7531ffdda5a908dbe29c7 Mon Sep 17 00:00:00 2001
From: Ralph Huwiler <ralph@huwiler.rocks>
Date: Sat, 25 Mar 2017 23:04:34 +0100
Subject: [PATCH] updated example for nested modules

---
 examples/vuex-store-modules/pages/index.vue   |  7 ++++
 examples/vuex-store-modules/pages/website.vue | 33 +++++++++++++++++++
 examples/vuex-store-modules/store/articles.js | 19 +++++++++++
 .../store/articles/comments.js                | 19 +++++++++++
 4 files changed, 78 insertions(+)
 create mode 100644 examples/vuex-store-modules/pages/website.vue
 create mode 100644 examples/vuex-store-modules/store/articles.js
 create mode 100644 examples/vuex-store-modules/store/articles/comments.js

diff --git a/examples/vuex-store-modules/pages/index.vue b/examples/vuex-store-modules/pages/index.vue
index 2a2a712d4d..99a2cd37a5 100644
--- a/examples/vuex-store-modules/pages/index.vue
+++ b/examples/vuex-store-modules/pages/index.vue
@@ -1,11 +1,18 @@
 <template>
   <div>
     <p>
+      <h3>Index Module</h3>
       <button @click="increment">{{ counter }}</button>
       <br>
       <nuxt-link to="/about">About</nuxt-link>
       <br>
+      <br>
+      <h3>Todo Module</h3>
       <nuxt-link to="/todos">Todos</nuxt-link>
+      <br>
+      <br>
+      <h3>Nested Modules</h3>
+      <nuxt-link to="/website">Website</nuxt-link>
     </p>
   </div>
 </template>
diff --git a/examples/vuex-store-modules/pages/website.vue b/examples/vuex-store-modules/pages/website.vue
new file mode 100644
index 0000000000..e0fa75320c
--- /dev/null
+++ b/examples/vuex-store-modules/pages/website.vue
@@ -0,0 +1,33 @@
+<template>
+  <div>
+    <h2>Articles</h2>
+    <ul>
+      <li v-for="article in articles">
+        <span>{{article}}</span>
+      </li>
+    </ul>
+    <h2>Comments <small>(nested under articles)</small></h2>
+    <ul>
+      <li v-for="comment in comments">
+        <span>{{comment}}</span>
+      </li>
+    </ul>
+    <nuxt-link to="/">Home</nuxt-link>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from 'vuex'
+
+export default {
+  computed: mapGetters({
+    articles: 'articles/get',
+    comments: 'articles/comments/get'
+  }),
+  methods: {
+  }
+}
+</script>
+
+<style>
+</style>
diff --git a/examples/vuex-store-modules/store/articles.js b/examples/vuex-store-modules/store/articles.js
new file mode 100644
index 0000000000..a0698ff850
--- /dev/null
+++ b/examples/vuex-store-modules/store/articles.js
@@ -0,0 +1,19 @@
+export const state = {
+  list: [
+    'Lorem ipsum',
+    'dolor sit amet',
+    'consetetur sadipscing elitr'
+  ]
+}
+
+export const mutations = {
+  add (state, title) {
+    state.list.push(title)
+  }
+}
+
+export const getters = {
+  get (state) {
+    return state.list
+  }
+}
diff --git a/examples/vuex-store-modules/store/articles/comments.js b/examples/vuex-store-modules/store/articles/comments.js
new file mode 100644
index 0000000000..1cb5606bae
--- /dev/null
+++ b/examples/vuex-store-modules/store/articles/comments.js
@@ -0,0 +1,19 @@
+export const state = {
+  list: [
+    'Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.',
+    'Lorem ipsum dolor sit amet, consetetur sadipscing elit.',
+    'Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'
+  ]
+}
+
+export const mutations = {
+  add (state, title) {
+    state.list.push(title)
+  }
+}
+
+export const getters = {
+  get (state) {
+    return state.list
+  }
+}