pedi2/resources/js/components/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>
producto
<script>
	export default {
		props: {
	        producto: Object
	    },
	}
</script>