Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 1x 2x 1x | <template>
<BModal
v-model="show"
id="top-products-modal"
:title="`${modalData && modalData.index + 1} top product`"
size="lg"
centered
hide-footer
>
<ProductCard v-if="modalData" :product="modalData.product" />
</BModal>
</template>
<script>
import ProductCard from "~/components/Admin/common/ProductCard.vue";
export default {
name: "TopProductsModal",
props: {
modalData: Object | null,
},
components: { ProductCard },
data: () => ({ show: false }),
};
</script>
<style scoped>
</style> |