diff options
author | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2024-04-06 10:26:44 +0530 |
---|---|---|
committer | Vidhu Kant Sharma <vidhukant@vidhukant.com> | 2024-04-06 10:26:44 +0530 |
commit | 63823d41addec00556a93eabffa455630d169ca6 (patch) | |
tree | 2b548e2a6b00ae7ef3859e4a4cb807329a62a4a2 /src/components/PrintPreview.vue | |
parent | a26ab9f60314420aad1c7d2a328d299f503532fa (diff) |
added basic (and incomplete) print preview template
Diffstat (limited to 'src/components/PrintPreview.vue')
-rw-r--r-- | src/components/PrintPreview.vue | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/PrintPreview.vue b/src/components/PrintPreview.vue new file mode 100644 index 0000000..ecbda88 --- /dev/null +++ b/src/components/PrintPreview.vue @@ -0,0 +1,31 @@ +<script setup lang="ts"> + import PrintPreviewHeader from './PrintPreviewHeader.vue' + import PrintPreviewRecipientDetails from './PrintPreviewRecipientDetails.vue' + import PrintPreviewItemsList from './PrintPreviewItemsList.vue' + + const props = defineProps(["invoice"]) + + setTimeout(() => { + console.log(props.invoice) + }, 1000) +</script> + +<template> + <div class="print-preview"> + <PrintPreviewHeader + :invoice="props.invoice" /> + <PrintPreviewRecipientDetails + :invoice="props.invoice"/> + <PrintPreviewItemsList + :items="props.invoice.Items"/> + </div> +</template> + +<style> +.print-preview * { + font-size: 9pt; +} +.print-preview p { + margin: 0; +} +</style> |