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

<template>
	<tr>
            <td>{{ this.producto.nombre }}</td>
            <td class="has-text-right">
                <pedidos-producto-cantidad :producto="producto"></pedidos-producto-cantidad>
            </td>
            <td class="has-text-right">{{ Math.ceil(this.producto.pivot.total) }}</td>
    </tr>
</template>
<script>
    export default {
		props: {
	        producto: Object
	    },
	}
</script>