<template>
	<tr>
        <td>{{ this.producto.nombre }}</td>
        <td class="has-text-right">
            <producto-cantidad
                :producto_id="producto.id"
                :requiere_notas="producto.requiere_notas"
            />
        </td>
        <td class="has-text-right">{{ `${cantidad(producto.id) * producto.precio}` }}</td>
    </tr>
</template>
<script>
    import ProductoCantidad from "./ProductoCantidad.vue";
    import { mapGetters } from "vuex";

    export default {
        components: { ProductoCantidad },
		props: {
	        producto: Object
	    },
        computed: {
            ...mapGetters('pedido',["cantidad"]),
        },
	}
</script>