eiru_pos/src/components/ProductsGrid.vue

<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>