<template>
  <div class="merchant-description">
    <div>
      <h5>{{description.storeName}}</h5>
      <p>{{description.description}}</p>
    </div>
  </div>
</template>
<script>
  export default {
    layout: 'main',
    fetch ({ store, params }) {
      return Promise.all([
        store.dispatch('shop/findStoreInfoFromUuid', params)
      ])
    },
    computed: {
      description () {
        return this.$store.state.shop.storeInfo.store.data
      }
    }
  }
</script>
<style scoped>
  .merchant-description{
    margin-top: .88rem;
    margin-bottom: .98rem;
    width:100%;
  }
  .merchant-description div{
    width:6.5rem;
    margin:0 auto;
    padding-top:.75rem;
  }
  .merchant-description div h5{
    text-align: center;
    font-size: .32rem;
    margin:0;
  }
  .merchant-description div p{

    font-size:.32rem;
    line-height: .4rem;0
    margin:0;
    margin-top: .46rem;
  }
</style>
