12345678910111213141516171819202122232425262728293031323334353637 |
- <template lang="pug">
- .products-grid
- template(v-for="product in products")
- product-card(:data="product")
- //- modal(name="variant-selector" transition="nice-modal-fade" v-if="has")
- product-selector
- </template>
- <script>
- import ProductCard from '@/components/ProductCard'
- import ProductSelector from '@/components/ProductSelector'
- import { mapGetters, mapActions } from 'vuex'
- export default {
- components: {
- 'product-card': ProductCard,
- 'product-selector': ProductSelector
- },
- computed: mapGetters({
- products: 'getProducts',
- hasSelectedProduct: 'hasSelectedProduct'
- }),
- methods: mapActions([
- 'selectProduct'
- ])
- }
- </script>
- <style lang="sass">
- .products-grid
- width: 100%
- // height: 100%
- padding-top: 15px
- overflow-y: auto
- </style>
|