<template lang="html">
    <div>
        <user-container v-for="u in users">
            <p>{{ sayHello(u.name) }}</p>
        </user-container>
    </div>
</template>

<script>
import UserContainer from './UserContainer'

export default {
    components: {
        UserContainer,
    },
    methods: {
        sayHello (name) {
            return `Hello ${name}!`
        }
    },
    computed: {
        users () {
            return this.$store.getters['users']()
        }
    }
}
</script>