ClearBowl/front/pages/products.vue

<template>
    <div style="width: 90%;">
        <ProductsList style="margin-bottom: 10px;"/>
        <AddProductModal/>
    </div>
</template>

<script>
    import AddProductModal from '../components/Products/AddProductModal';
    import ProductsList from '../components/Products/ProductsList';

    export default {
        name: 'products',
        auth: false,
        components: {
            ProductsList,
            AddProductModal
        },
        data() {
            return {
                productsListData: null
            };
        }
    };
</script>

<style scoped>

</style>