jws-frontend/src/components/04_product-service/TotalProductComponent.vue

<script setup lang="ts">
import AppBox from 'components/app/AppBox.vue';
import TotalProductCardComponent from 'components/04_product-service/TotalProductCardComponent.vue';
</script>
<template>
  <AppBox
    class="row"
    no-padding
    style="
      width: 75vw;
      display: grid;

      grid-template-columns: repeat(4, 1fr);
      gap: var(--size-3);
    "
  >
    <div v-for="i in 12" :key="i">
      <TotalProductCardComponent />
    </div>
  </AppBox>
</template>