ProductsGrid.vue 935 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template lang="pug">
  2. .products-grid
  3. template(v-for="product in products")
  4. product-card(:data="product")
  5. //- modal(name="variant-selector" transition="nice-modal-fade" v-if="has")
  6. product-selector
  7. </template>
  8. <script>
  9. import ProductCard from '@/components/ProductCard'
  10. import ProductSelector from '@/components/ProductSelector'
  11. import { mapGetters, mapActions } from 'vuex'
  12. export default {
  13. components: {
  14. 'product-card': ProductCard,
  15. 'product-selector': ProductSelector
  16. },
  17. computed: mapGetters({
  18. products: 'getProducts',
  19. hasSelectedProduct: 'hasSelectedProduct'
  20. }),
  21. methods: mapActions([
  22. 'selectProduct'
  23. ])
  24. }
  25. </script>
  26. <style lang="sass">
  27. .products-grid
  28. width: 100%
  29. // height: 100%
  30. padding-top: 15px
  31. overflow-y: auto
  32. </style>