QWindow v3 modernizes the package for Vue 3, Quasar v2, @quasar/app-vite v3, and ESM-first tooling.

Requirements

• Vue 3 and Quasar v2.
• Quasar CLI Vite with @quasar/app-vite >=3.0.0-rc.2 for the App Extension.
• Node.js 22.13 or newer.
• pnpm 11.4 or newer when working in this repository.

Update Packages

For Quasar App Extension installs:

quasar ext add @quasar/qwindow

For direct UI package installs:

pnpm add @quasar/quasar-ui-qwindow

Import Changes

Use the package entrypoint instead of old source-file imports:

import { const QWindow: ComponentOptionsQWindow } from '@quasar/quasar-ui-qwindow'

QWindow
 
const QWindow: ComponentOptions

Import the component stylesheet alongside the component:

import '@quasar/quasar-ui-qwindow/dist/index.css'

Do not import legacy source paths such as src/index.sass or component implementation files. Those paths belonged to the old package layout and may change without warning.

Build Output

QWindow v3 publishes ESM and UMD builds. CommonJS entrypoints have been removed to match the modern Quasar and Vite ecosystem.

Floating Windows

The v3 docs include updated examples for embedded windows, floating windows, resize handles, toolbar style palettes, and multiple windows. Review those examples when updating custom window layouts.