<template>
  <div class="detail">
    <component-menu/>
    <component-detail/>
    <store-info/>
  </div>
</template>
<script>
  import { ComponentMenu, ComponentDetail, StoreInfo } from '~components/product'
  export default {
    layout: 'main',
    components: {
      ComponentMenu,
      ComponentDetail,
      StoreInfo
    },
    fetch ({ store, route }) {
      console.log(route.params.uuid)
      return Promise.all([
        store.dispatch('loadComponentDetail', {id: route.params.uuid}),
        store.dispatch('loadComponentStore', {id: route.params.uuid}),
        store.dispatch('loadComponentInformation', {count: 10, filter: { uuid: 332233434, ignoreUMall: false, ignoreStore: true, storeIds: route.params.uuid.storeIds }, page: 1, sorting: {minPriceRMB: route.params.uuid.minPriceRMB}})
      ])
    },
    created () {
      console.log(this.$route.params.uuid)
    }
  }
</script>
