<template>
  <div class="coupon">
    <coupon-list
      :uin="channelInfo.uin"
      :channelId="channelInfo.id"
      :userInfo="userInfo"
      :type="type"
      :jumpUrls="jumpUrls"
    ></coupon-list>
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
import couponList from './coupon/index';
export default {
  name: 'menu-coupon-box',
  components: {
    couponList
  },
  data() {
    return {};
  },
  computed: {
    ...mapGetters({
      type: 'type',
      userInfo: 'userInfo',
      channelInfo: 'channelInfo',
      jumpUrls: 'jumpUrls'
    })
  }
};
</script>

<style lang="less" scoped>
.coupon {
  position: relative;
  height: 100%;
}
</style>
