<template>
    <Page>
        <ActionBar title="App for checking NS-vue #473 issue"/>
        <GridLayout columns="*" rows="*">
            <ListView for="item in items">
              <v-template>
                <MyComponent :item="item" />
              </v-template>
            </ListView>
        </GridLayout>
    </Page>
</template>
<script >
  import MyComponent from './MyComponent'

  export default {
    components: {
      MyComponent,
    },
    computed: {
      items () {
        return this.$store.state.items
      }
    }
  }
</script>

<template>
  <Label :text="item.text" col="0" row="0" @tap="changeText" />
</template>
<script >
  export default {
    props: ['item'],
    methods: {
      changeText () {
        this.$store.dispatch('changeText', {
          item: this.item,
          text: 'Other Text',
        })
      },
    },
  }
</script>