2017-03-25 22:04:34 +00:00
|
|
|
<template>
|
|
|
|
<div>
|
|
|
|
<h2>Articles</h2>
|
|
|
|
<ul>
|
2017-11-26 13:40:57 +00:00
|
|
|
<li v-for="(article, index) in articles" :key="index">
|
2017-03-25 22:04:34 +00:00
|
|
|
<span>{{article}}</span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<h2>Comments <small>(nested under articles)</small></h2>
|
|
|
|
<ul>
|
2017-11-26 13:40:57 +00:00
|
|
|
<li v-for="(comment, index) in comments" :key="index">
|
2017-03-25 22:04:34 +00:00
|
|
|
<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>
|