pedi2/resources/js/components/pedidos/ProductoRow.vue

<template>
	<tr>
            <td>{{ this.producto.nombre }}</td>
            <td class="has-text-right">
                <producto-cantidad :producto="producto"></producto-cantidad>
            </td>
            <td class="has-text-right">{{ Math.ceil(this.producto.pivot.total) }}</td>
    </tr>
</template>
<script>
    import ProductoCantidad from './Producto/ProductoCantidad.vue';
	
    export default {
        components: {
            ProductoCantidad,
        },
		props: {
	        producto: Object
	    },
	}
</script>