<template>
  <div class="mt-[6px]">
    <ModuleTitle :title="t('home.detail.relatedGoods')" />

    <SwipeCards :cardsData="commodityList" />
  </div>
</template>

<script setup>
import { defineProps } from "vue";
import { useI18n } from "vue-i18n";
import ModuleTitle from "@/components/ModuleTitle/index.vue";
import SwipeCards from "@/components/SwipeCards/index.vue";

const { t } = useI18n();

const props = defineProps({
  commodityList: {
    type: Array,
    default: [],
  },
});
</script>
