TL;DR
Phoenix LiveView 1.2 has been released, adding support for colocated CSS, new compile-time features, and minor improvements. The update enhances component styling and developer flexibility.
Phoenix LiveView 1.2 is now available, introducing colocated CSS support and several small but impactful enhancements for Elixir developers working with real-time web applications.
The release of Phoenix LiveView 1.2 builds on previous versions by adding colocated CSS, allowing developers to embed and scope CSS directly within HEEx templates. This feature leverages the experimental @scope rule, enabling CSS rules to be limited to specific component boundaries. The update also includes new compile-time configurations, such as the optional injection of phx-r attributes for template boundary identification, and improvements like automatic encoding of Phoenix.LiveView.JS structs during push events.
Other minor enhancements include customizable HEEx debug annotations, configurable test warnings, and a new TagFormatter behaviour for formatting
