What is Vue Print It?
Vue Print It provides a seamless way to add printing functionality to your Vue 3 applications. Whether you need to print invoices, reports, receipts, or any other content, this plugin handles the complexity of opening print windows, injecting styles, and managing the print lifecycle.Key features
Vue Print It comes packed with features to make printing simple and powerful:Vue 3 compatible
Built specifically for Vue 3 with full Composition API support
TypeScript support
Complete TypeScript definitions included for type-safe development
Automatic style injection
Preserves your component styles in print automatically
Multiple usage patterns
Use as global plugin, composable, or direct function calls
Event callbacks
Handle before/after print and error events
Flexible configuration
Global and per-print options with sensible defaults
When to use Vue Print It
Vue Print It is perfect for scenarios where you need to:- Print invoices, receipts, or financial documents
- Generate printable reports from your Vue components
- Create print-friendly versions of dashboards or data tables
- Print user-generated content with preserved styling
- Offer custom print layouts with specific dimensions
Vue Print It requires Vue 3.0.0 or higher. It does not support Vue 2.
How it works
When you call the print function, Vue Print It:- Identifies the target element or component by ID or reference
- Opens a new print window with your specified dimensions
- Copies the element’s HTML content to the print window
- Automatically injects all page styles (inline, external, and CSS rules)
- Applies any custom styles you’ve provided
- Triggers the browser’s print dialog after a configurable delay
- Optionally closes the print window after printing
Browser compatibility
Vue Print It works with all modern browsers:- Chrome 88+
- Firefox 85+
- Safari 14+
- Edge 88+
Next steps
Ready to get started? Follow these guides:Installation
Install Vue Print It in your project
Quick start
Get up and running in minutes