quasar

New

• feat(extras): roboto-font -> Roboto now ships as a variable font (weights 100 to 900) in one woff2 per script subset with unicode-range: Latin, Latin Extended, Cyrillic, Greek, Vietnamese, math and symbols. Browsers download only the subsets a page actually uses. Pages using two or more weights get lighter (43 KB total instead of 22 KB per weight), single-weight pages pay about 21 KB more, and Cyrillic, Greek and Vietnamese text now renders in Roboto instead of falling back to the system font.
• feat(extras): roboto-font-latin-ext -> now an alias of roboto-font, which covers the extended range itself. Existing extras lists in quasar.config keep working; you can drop roboto-font-latin-ext and keep only roboto-font.
• feat(extras): roboto-font -> font-display: swap; text renders immediately in the fallback font while Roboto loads instead of staying invisible for up to three seconds.
• feat(extras): Google web fonts (Roboto, Material Icons, Material Symbols) -> shipped as woff2 only; Roboto is about 20% smaller and the unused woff fallbacks are gone from the package.
• material-symbols-outlined -> v371
• material-symbols-rounded -> v372
• material-symbols-sharp -> v368
• Heads up on the Material Symbols upgrade: Google removed the drive_fusiontable icon upstream, so symOutlinedDriveFusiontable, symRoundedDriveFusiontable and symSharpDriveFusiontable are no longer exported. If you import any of them, switch to another icon before upgrading. The same upgrade adds *BulletChart, *CarSeatOff, *DeviceSwooshStar, *DomainDisabledCheck, *List2, *MobileTap, *PeopleSizeDecrease, *PeopleSizeIncrease, *SimCardLock, *SpatialGallery, *Speaker3, *SpeechToText2, *SteeringWheelCool and *TargetCheck to all three families.

Other

• chore(extras): bootstrap-icons, eva-icons, ionicons-v4, line-awesome, mdi-v7 -> the woff files shipped beside each woff2 are dropped (1.1 MB less in the package; no supported browser requested them). mdi-v7 and line-awesome now declare font-display: block like every other icon font, so icon glyphs never flash as fallback text while the font loads.
• Heads up: if your own CSS references the extras font files by path (a .woff file, or one of the previous Roboto web-font/ file names), update it; only the documented extras names and CSS entry points are stable.

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If Quasar is useful in your workflow and you want to support ongoing maintenance, please consider the following:

• Becoming a sponsor on Github
• One-off donation via PayPal

Changes

• material-symbols-outlined -> v367
• material-symbols-rounded -> v368
• material-symbols-sharp -> v364
• Heads up on the Material Symbols upgrade: Google removed the file_map icon upstream, so symOutlinedFileMap, symRoundedFileMap and symSharpFileMap are no longer exported. If you import any of them, switch to another icon before upgrading. The same upgrade adds *DisplayAdd, *DriveFusiontable, *GlobeClock and *TerminalAdd to all three families.

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If Quasar is useful in your workflow and you want to support ongoing maintenance, please consider the following:

• Becoming a sponsor on Github
• One-off donation via PayPal

Changes

• fix(vite-plugin): client bundle alias with custom Vite modes -> production builds started with a custom mode name (vite build --mode qa, --mode staging, ...) no longer get the dev-server treatment. The plugin picked between aliasing bare quasar imports to the single-file client build and excluding quasar from dep prebundling by comparing Vite's mode against production, but the mode is only an env-file selector. The alias now follows command === 'serve', which is exactly what it was meant for: cutting the number of requests the dev server has to answer. The optimizeDeps.exclude half was dead weight and is gone, since Vite no longer prebundles deps during builds (#17942)

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If Quasar is useful in your workflow and you want to support ongoing maintenance, please consider the following:

• Becoming a sponsor on Github
• One-off donation via PayPal

Changes

• fix(vite-plugin): treeshaking with custom Vite modes -> production builds started with a custom mode name (vite build --mode qa, --mode staging, ...) treeshake Quasar imports again. The gate compared Vite's mode against production, but the mode is only an env-file selector, so any custom name silently disabled treeshaking and left bare quasar imports in the production bundle (+22kb min with current quasar, far more on older versions). It now follows isProduction / NODE_ENV, the same way Vite and Vue decide the build flavor; dev serve and Vitest runs are unchanged (#17267)
• fix(vite-plugin): "untransformable quasar import" warnings -> no more false positives on TypeScript and JSX sources. Those files could not be parsed and fell back to trusting a plain textual pre-filter, so a quasar import shape written inside a string (a documentation snippet, for instance) was reported as a residual import. Sources are now parsed with their actual dialect, and TS type-only imports/exports from quasar -- erased at transpile time -- are no longer flagged either. Internally this also moves off Vite 8's deprecated parseAst onto its OXC-backed parser.

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If Quasar is useful in your workflow and you want to support ongoing maintenance, please consider the following:

• Becoming a sponsor on Github
• One-off donation via PayPal