Billing SummaryCommunity Asset
- Product
- Provet Cloud
- Availability
- New Frontend
View RTL<script setup lang="ts">
import type { TableSummaryData } from '~/components/BillingSummary.vue'
const summaryData = {
header: [['Invoice total', '$73.00']],
body: [['Prepayment balance', '$0.00']],
footer: ['Amount due', '$73.00'],
} satisfies TableSummaryData
</script>
<template>
<BillingSummary :data="summaryData" />
</template>
<script setup lang="ts">
import type { TableSummaryData } from '~/components/BillingSummary.vue'
const summaryData = {
header: [['Invoice total', '$73.00']],
body: [
['Prepayment balance', '$0.00'],
['Cash payment', '$3.00'],
['Card payment', '$5.00'],
],
footer: ['Amount due', '$65.00'],
} satisfies TableSummaryData
</script>
<template>
<BillingSummary :data="summaryData" />
</template>
<script setup lang="ts">
import type { TableSummaryData } from '~/components/BillingSummary.vue'
const summaryData = {
header: [['Invoice total', '', '$73.00']],
body: [
['Card payment', '24/10/2024', '-$400.00'],
['Discount', '24/10/2024', '-$100.00'],
],
footer: ['Amount due', '', '$73.00'],
} satisfies TableSummaryData
</script>
<template>
<BillingSummary :data="summaryData" />
</template>
Integration
This community asset is currently only available to use in the New Frontend for Provet Cloud.
Troubleshooting
If you experience any issues while using this community asset, please ask for support in the #vet-frontend Slack channel.