<template>
  <div class="town-info">
    <banner/>
    <list/>
  </div>
</template>

<script>
  import {Banner, List} from '@/components/garden'
  export default {
    name: 'TownInfo',
    layout: 'town',
    components: {
      Banner,
      List
    },
    fetch({store}) {
      return Promise.all([
        store.dispatch('loadGardenType'),
        store.dispatch('loadGardenList', {limit: 16, page: 1})
      ])
    }
  }
</script>
