wtf is vue-bill-print?

vue-bill-print is a Vue 3 library for building and printing business documents like invoices, sales orders, or shipping labels. It includes a visual designer where you can drag and drop elements onto a page, such as header fields, table columns for line items, lines, text, barcodes, and QR codes, and it prints using plain HTML rather than depending on a separate printing library. It supports two printing styles. The first is a table style meant for documents like invoices, with the header appearing only on the first page and different amounts of content fitting on the first, middle, and last pages. The second is a label printing mode, where each row of item data becomes its own separate label, useful for printing a batch of shipping or product labels that mix barcodes, QR codes, and text freely instead of being locked into a table layout. The tool also supports custom paper sizes and margins, including common label sizes, and is built to avoid printing quirks that can happen in Chrome when margins are set incorrectly. Templates can be saved to the browser's local storage or to your own backend through a simple interface you implement yourself, and the project includes a working example using a SQLite backend built with Express. The designer interface is available in both Chinese and English and can be switched at runtime. Document data follows a structure with a header object, an array of line item rows, and separate definitions describing which fields to show in the header and line item tables. To get started, you install the package, run the development server, and use the visual designer to lay out fields and page settings before saving and printing or previewing the result. The project is released under the MIT license and includes a live online demo where you can try the designer and several example document templates directly in the browser.