<route lang="json5">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '%home.hotSelling%',
  },
}
</route>

<template>
  <view class="hot-selling">
    <HotTags v-bind:current-tag="currentTag"></HotTags>
    <ProductList></ProductList>
  </view>
</template>

<script lang="ts" setup>
  import HotTags from '@/components/hot-tags/hot-tags.vue'
  import ProductList from '@/components/product-list/product-list.vue'

  const currentTag = ref(0)

  //
</script>

<style lang="scss" scoped>
  .hot-selling {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 24rpx 0 44rpx 32rpx;
  }
</style>
