@egolord/shop v1.0.3

SHOP

props: {
 products: {
   type: Array,
   default: []
 },
 component: {
   type: Object,
   required: true,
 }
},

Maps products into the ShopGrid as <div><component product="product"/></div>

SHOP GRID

Container for list of products/images No props

.shop-grid > div {
  margin-bottom: 16px;
}
@media (min-width: 670px) {
  .shop-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }
  .shop-grid > div {
    margin-bottom: 0;
  }
}