products-list.vue

<template>
    <ul class="products-list">
        <slot v-if="!products.length" name="empty-basket"></slot>
        <loader v-if="!loaded"></loader>
        <basket-product v-else 
                        v-for="(product, index) in products" 
                        :key="index" 
                        :product-data="product"
                        class="products-list__product">
        </basket-product>
    </ul>
</template>

<script>
    export default {
        name: 'products-list',
        data() {
            return {
                products: [],
                loaded: false
            };
        },
    };
</script>