Vue

Overview:

The legacy Phosphor-Vue package is being replaced with @phosphor-icons/vue in a major update, which offers improved performance and a smaller bundle size. There are no API changes, making the transition to the new version straightforward. The legacy package will still receive maintenance but will not receive new icons updates. Phosphor icons are designed to be a versatile icon family suitable for various interfaces, diagrams, and presentations.

Features:

• Improved Performance: The new @phosphor-icons/vue package offers enhanced performance compared to the previous Phosphor-Vue package.
• Smaller Bundle Size: Users can benefit from a significantly reduced bundle size with the @phosphor-icons/vue package.
• Easy Transition: With no changes to APIs, upgrading to the new package is a simple drop-in replacement process.
• Styling Flexibility: Icon components accept various attributes for customization, such as color, size, weight, and mirroring.
• Composition Support: Phosphor icons utilize Vue's provide/inject options for applying default styles to icons, allowing for easy customization.
• Slots for Customization: Components have a <slot> for adding arbitrary SVG elements within valid constraints.