Tengo una tabla en vue que permite mostrar la siguiente información de una venta o carrito abandonado:
<div class="row col-lg-6 d-flex justify-content-center">
<table class="table col-sm-4">
<thead>
<tr>
<th>Subtotal</th>
<td class="table-light">{{ subtotal | currency }}</td>
</tr>
<tr>
<th>Descuento</th>
<td class="table-light">{{ discount | currency }}</td>
</tr>
<tr>
<th>Envío</th>
<td class="table-light">{{ shipping | currency }}</td>
</tr>
<tr>
<th>Impuesto</th>
<td class="table-light">{{ taxes | currency }}</td>
</tr>
<tr>
<th>TOTAL</th>
<th class="total">{{ total | currency }}</th>
</tr>
</thead>
</table>
</div>
El componente debe recibir los siguientes parametros subtotal shipping taxes discount total
y tengo que contemplar que el envío no siempre estará presente, y cuando esto ocurra no mostrar la información de envio.
Deberia recibir esos parametros poniendolos directo como props y solo mostrarlos en el template? Como realizarlo correctamente?