<template>
  <div class="town-info">
    <detail/>
  </div>
</template>

<script>
  import {Detail} from '@/components/garden'
  export default {
    name: 'TownInfoDetail',
    layout: 'town',
    fetch({store, route}) {
      return Promise.all([
        store.dispatch('loadGardenDetail', {id: route.params.id, uu: store.state.option.user.data.userUu}),
        store.dispatch('loadGardenList', {limit: 1, page: 1})
      ])
    },
    components: {
      Detail
    }
  }
</script>