add some comments

components/ProductCard.vue

@@ -145,19 +145,16 @@
 
     <div v-if="expanded && relatedProducts" class="related_products">
       <h2>Productos relacionados</h2>
-      <ProductsRelated :relatedProducts="relatedProducts" />
+      <ProductsRelated :related-products="relatedProducts" />
     </div>
-    <ProductModal v-if="modal" :product="product" @close="closeModal" />
+    <ProductModal :product="product" @close="closeModal" />
   </div>
 </template>
 
 <script>
 import { mapState } from 'pinia'
-import ProductModal from './ProductModal.vue'
-import ProductsRelated from './ProductsRelated.vue'
 import socialShare from '~/utils/socialShare'
 export default {
-  components: { ProductsRelated, ProductModal },
   props: {
     product: {
       type: Object,