Vue Updates
114 subscribers
695 photos
842 links
Channel for automatic notifications about updates in the Vue ecosystem.

Watching: vue, nuxt, vuetify, vue-i18n-next, vue-router, pinia and vite

Contacts: @Black_Yuzia

Our channels:
@Vue_Courses
@Vue_Updates
@frontendmasters_courses
Download Telegram
Quasar
@quasar/app-vite-v2.0.0-beta.1

#quasar

Important! There is an "Upgrade guide" page under the "Quasar CLI with Vite" menu section in the docs. Please read it top to bottom before proceeding with the upgrade.

Notable breaking changes

Minimum Node.js version is now 18 (mainly due to Vite 5)
We have shifted towards an ESM style for the whole Quasar project folder, so many default project files now require ESM code (although using .cjs as an extension for these files is supported, but you will most likely need to rename the extension should you not wish to change anything). One example is the /quasar.config.js file which now it's assumed to be ESM too (so change from .js to .cjs should you still want a CommonJs file).
The "test" cmd was removed due to latest updates for @quasar/testing-* packages. See here
The "clean" cmd has been re-designed. Type "quasar clean -h" in your upgraded Quasar project folder for more info.
Vue Updates
Quasar @quasar/app-vite-v2.0.0-beta.1 #quasar Important! There is an "Upgrade guide" page under the "Quasar CLI with Vite" menu section in the docs. Please read it top to bottom before proceeding with the upgrade. Notable breaking changes ● Minimum Node.js…
Typescript detection is based on the quasar.config file being in TS form (quasar.config.ts) and tsconfig.json file presence.
feat+refactor(app-vite): ability to run multiple modes + dev/build simultaneously (huge effort!)
SSR and Electron modes now build in ESM format.
● We will detail more breaking changes for each of the Quasar modes in the docs. There is an "Upgrade guide" page under the "Quasar CLI with Vite" menu section.

Highlights on what's new

Some of the work below has already been backported to the old @quasar/app-vite v1, but posting here for reader's awareness.

feat(app-vite): upgrade to Vite 5
feat(app-vite): ability to run multiple quasar dev/build commands simultaneously (example: can run "quasar dev -m capacitor" and "quasar dev -m ssr" and "quasar dev -m capacitor -T ios" simultaneously)
feat(app-vite): Better TS typings overall
refactor(app-vite): port CLI to ESM format (major effort! especially to support Vite 5 and SSR)
feat(app-vite): support for quasar.config file in multiple formats (.js, .mjs, .ts, .cjs)
feat(app-vite): Improve quasarConfOptions, generate types for it, improve docs (fix: #14069) (#15945)
feat(app-vite): reload app if one of the imports from quasar.config file changes
feat(app-vite): TS detection should keep account of quasar.config file format too (quasar.config.ts)
feat(app-vite): support for SSR development with HTTPS
feat(app-vite): env dotfiles support #15303
feat(app-vite): New quasar.config file props: build > envFolder (string) and envFiles (string[])
feat(app-vite): reopen browser (if configured so) when changing app url through quasar.config file
feat&perf(app-vite): faster & more accurate algorithm for determining node package manager to use
feat(app-vite): upgrade deps
feat(app-vite): remove workaround for bug in Electron 6-8 in cli templates (#15845)
feat(app-vite): remove bundleWebRuntime config for Capacitor v5+
feat(app-vite): use workbox v7 by default
feat(app-vite): quasar.config > pwa > injectPwaMetaTags can now also be a function: (({ pwaManifest, publicPath }) => string);
feat(app-vite): quasar.config > build > htmlMinifyOptions
feat(app-vite): lookup open port for vue devtools when being used; ability to run multiple cli instances with vue devtools
perf(app-vite): SSR render-template in specific esm or cjs form, according to host project; interpolation by variable
perf(app-vite): only verify quasar.conf server address for "dev" cmd
feat(app-vite): pick new electron inspect port for each instance
feat(app-vite): Electron - can now load multiple preload scripts
refactor(app-vite): AE support - better and more efficient algorithms
feat(app-vite): AE support for ESM format
feat(app-vite): AE support for TS format (through a build step)
feat(app-vite): AE API new methods -> hasTypescript() / hasLint() / getStorePackageName() / getNodePackagerName()
feat(app-vite): AE -> Prompts API (and ability for prompts default exported fn to be async)
refactor(app-vite): the "clean" cmd now works different, since the CLI can be run in multiple instances on the same project folder (multiple modes on dev or build)
feat(app-vite): Support for Bun as package manager #16335
feat(app-vite): for default /src-ssr template -> prod ssr -> on error, print err stack if built with debugging enabled

Env dotfiles support

Expanding a bit on the env dotfiles support. These files will be detected and used (the order matters):
.env                                # loaded in all cases
.env.local # loaded in all cases, ignored by git
.env.[dev|prod] # loaded for dev or prod only
.env.local.[dev|prod] # loaded for dev or prod only, ignored by git
.env.[quasarMode] # loaded for specific Quasar CLI mode only
.env.local.[quasarMode] # loaded for specific Quasar CLI mode only, ignored by git
.env.[dev|prod].[quasarMode] # loaded for specific Quasar CLI mode and dev|prod only
Vue Updates
● Typescript detection is based on the quasar.config file being in TS form (quasar.config.ts) and tsconfig.json file presence. ● feat+refactor(app-vite): ability to run multiple modes + dev/build simultaneously (huge effort!) ● SSR and Electron modes now build…
.env.local.[dev|prod].[quasarMode]  # loaded for specific Quasar CLI mode and dev|prod only, ignored by git

...where "ignored by git" assumes a default project folder created after releasing this package, otherwise add .env.local* to your /.gitignore file.

You can also configure the files above to be picked up from a different folder or even add more files to the list:
// quasar.config file

build: {
envFolder: '../' // absolute or relative path to root project folder
envFiles: [
// Path strings to your custom files --- absolute or relative path to root project folder
]
}


Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:

Becoming a sponsor on Github
One-off donation via PayPal
Quasar
@quasar/app-webpack-v4.0.0-beta.1

#quasar

Important! There is an "Upgrade guide" page under the "Quasar CLI with Vite" menu section in the docs. Please read it top to bottom before proceeding with the upgrade.

Notable breaking changes

Minimum Node.js version is now 16
We have shifted towards an ESM style for the whole Quasar project folder, so many default project files now require ESM code (although using .cjs as an extension for these files is supported, but you will most likely need to rename the extension should you not wish to change anything). One example is the /quasar.config.js file which now it's assumed to be ESM too (so change from .js to .cjs should you still want a CommonJs file).
Ported and adapted the superior devserver implementation from @quasar/app-vite for all Quasar modes. The benefits are huge.
Vue Updates
Quasar @quasar/app-webpack-v4.0.0-beta.1 #quasar Important! There is an "Upgrade guide" page under the "Quasar CLI with Vite" menu section in the docs. Please read it top to bottom before proceeding with the upgrade. Notable breaking changes ● Minimum…
Ported the superior implementation of SSR, PWA, Electron & BEX modes from q/app-vite. We will detail each Quasar mode changes on this docs page. SSR - some of the noticeable improvements: Improved reliability: same server code runs in dev and prod More target webserver options: you can replace express() with whatever else you are using Perf: client-side code no longer re-compiles from scratch when changing code in /src-ssr Faster & better compilation for files in /src-ssr (now built with Esbuild instead of Webpack) PWA - some of the noticeable improvements: Many new configuration options (while removing a lot of the old ones) Faster & better compilation for files in /src-pwa (now built with Esbuild instead of Webpack) Electron Now compiles to ESM (thus also taking advantage of the Electron in ESM format) Faster & better compilation for files in /src-electron (now built with Esbuild instead of Webpack) Support for multiple preload scripts BEX - some of the noticeable improvements: Ported the superior implementation from q/app-vite, which also means that when you spawn the mode you can choose between extension Manifest v2 and Manifest v3 The manifest is now held in a file of its own (/src-pwa/manifest.json) instead of inside the /quasar.config file
Webpack will now only compile the contents of /src folder, while the rest (/src-pwa, /src-electron, etc) are now handled by Esbuild. This translates to a superior build speed and handling of Node.js formats.
The "test" cmd was removed due to latest updates for @quasar/testing-* packages. See here
The "clean" cmd has been re-designed. Type "quasar clean -h" in your upgraded Quasar project folder for more info.
Typescript detection is based on the quasar.config file being in TS form (quasar.config.ts) and tsconfig.json file presence.
● We will detail more breaking changes for each of the Quasar modes in the docs. There is an "Upgrade guide" page under the "Quasar CLI with Vite" menu section.

Highlights on what's new

Some of the work below has already been backported to the old q/app-webpack v3, but posting here for reader's awareness.

feat(app-webpack): ability to run multiple quasar dev/build commands simultaneously (example: can run "quasar dev -m capacitor" and "quasar dev -m ssr" and "quasar dev -m capacitor -T ios" simultaneously)
feat(app-webpack): support for quasar.config file in multiple formats (.js, .mjs, .ts, .cjs)
feat(app-webpack): Better TS typings overall
feat(app-webpack): upgrade to Typescript v5; drop fork-ts-checker
feat(app-webpack): Improve quasarConfOptions, generate types for it, improve docs (fix: #14069) (#15945)
feat(app-webpack): reload app if one of the imports from quasar.config file changes
feat(app-webpack): TS detection should keep account of quasar.config file format too (quasar.config.ts)
feat(app-webpack): env dotfiles support #15303
feat(app-webpack): New quasar.config file props: build > envFolder (string) and envFiles (string[])
feat(app-webpack): support for postcss config file in multiple formats: postcss.config.cjs, .postcssrc.js, postcss.config.js, postcss.config.mjs, .postcssrc.cjs, .postcssrc.mjs
feat(app-webpack): support for babel config file in multiple formats: babel.config.cjs, babel.config.js, babel.config.mjs, .babelrc.js, .babelrc.cjs, .babelrc.mjs, .babelrc
feat(app-webpack): reopen browser (if configured so) when changing app url through quasar.config file
feat(app-webpack): port quasar.config file > electron > inspectPort prop from q/app-vite
feat(app-webpack): port quasar.config file > build > rawDefine from q/app-vite
feat&perf(app-webpack): faster & more accurate algorithm for determining node package manager to use
feat(app-webpack): highly improve SSR perf + mem usage (especially for prod); major refactoring of ssr-helpers; also include renderPreloadTag() from q/app-vite
Vue Updates
● Ported the superior implementation of SSR, PWA, Electron & BEX modes from q/app-vite. We will detail each Quasar mode changes on this docs page. ● SSR - some of the noticeable improvements: ● Improved reliability: same server code runs in dev…
feat(app-webpack): support for SSR development with HTTPS
feat(app-webpack): SSR - ability to replace express() with any other connect-like webserver
feat(app-webpack): SSR - no longer recompile everything when changing code in /src-ssr
feat(app-webpack): upgrade deps
feat(app-webpack): remove workaround for bug in Electron 6-8 in cli templates (#15845)
feat(app-webpack): remove bundleWebRuntime config for Capacitor v5+
feat(app-webpack): use workbox v7 by default
feat(app-webpack): quasar.config > build > htmlMinifyOptions
feat+refactor(app-webpack): ability to run multiple modes + dev/build simultaneously
feat(app-webpack): lookup open port for vue devtools when being used; ability to run multiple cli instances with vue devtools
perf(app-webpack): only verify quasar.conf server address for "dev" cmd
feat(app-webpack): pick new electron inspect port for each instance
refactor(app-webpack): AE support - better and more efficient algorithms
feat(app-webpack): AE support for ESM format
feat(app-webpack): AE support for TS format (through a build step)
feat(app-webpack): AE API new methods -> hasTypescript() / hasLint() / getStorePackageName() / getNodePackagerName()
feat(app-webpack): AE -> Prompts API (and ability for prompts default exported fn to be async)
feat(app-webpack): smarter app files validation
refactor(app-webpack): the "clean" cmd now works different, since the CLI can be run in multiple instances on the same project folder (multiple modes on dev or build)
feat(app-webpack): Support for Bun as package manager #16335
feat(app-webpack): for default /src-ssr template -> prod ssr -> on error, print err stack if built with debugging enabled
fix(app-webpack): electron preload script triggering "module not found"

Env dotfiles support

Expanding a bit on the env dotfiles support. These files will be detected and used (the order matters):
.env                                # loaded in all cases
.env.local # loaded in all cases, ignored by git
.env.[dev|prod] # loaded for dev or prod only
.env.local.[dev|prod] # loaded for dev or prod only, ignored by git
.env.[quasarMode] # loaded for specific Quasar CLI mode only
.env.local.[quasarMode] # loaded for specific Quasar CLI mode only, ignored by git
.env.[dev|prod].[quasarMode] # loaded for specific Quasar CLI mode and dev|prod only
.env.local.[dev|prod].[quasarMode] # loaded for specific Quasar CLI mode and dev|prod only, ignored by git

...where "ignored by git" assumes a default project folder created after releasing this package, otherwise add .env.local* to your /.gitignore file.

You can also configure the files above to be picked up from a different folder or even add more files to the list:
// quasar.config file

build: {
envFolder: '../' // absolute or relative path to root project folder
envFiles: [
// Path strings to your custom files --- absolute or relative path to root project folder
]
}


Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:

Becoming a sponsor on Github
One-off donation via PayPal
Vue 3
v3.4.17

#vue #vue3

3.4.17 (2024-02-09)
Reverts
fix(runtime-dom): ensure v-show respects display value set via v-bind (#10161) (2cd5b05), closes #10294 #10151
Vue 3
v3.4.18

#vue #vue3

3.4.18 (2024-02-09)
Bug Fixes
● dx: warn against reserved keys as prop name (77a804b), closes #10281

● runtime-dom: ensure v-show respects display value set via v-bind (#10297) (c224897), closes #10151
Vite
v5.1.1

#vite

5.1.1 (2024-02-09)

fix: empty CSS file was output when only .css?url is used (#15846) (b2873ac), closes #15846

fix: skip not only .js but also .mjs manifest entries (#15841) (3d860e7), closes #15841

chore: post 5.1 release edits (#15840) (9da6502), closes #15840
vite-plugin-vue
[email protected]

#vite #vite_plugin_vue

5.0.4 (2024-02-09)

chore(deps-dev): bump vite from 5.0.10 to 5.0.12 (#354) (0294b9d), closes #354

chore(deps): update dependency prettier to v3.2.4 (#347) (e957179), closes #347

chore(deps): update dependency prettier to v3.2.5 (#352) (a9f5b11), closes #352

chore(deps): update upstream (#333) (573420d), closes #333

types: omit overridden options (0c7432b)

fix(deps): update all non-major dependencies (#332) (70e5df9), closes #332

fix(plugin-vue): allow disabling transformAssetUrls (#326) (0ff6fb7), closes #326
Vue 3
v3.4.19

#vue #vue3

3.4.19 (2024-02-13)
Bug Fixes
● deps: pin lru-cache to avoid hashing error (b8be990), closes #10300

● hydration: fix css vars hydration mismatch false positive on non-root nodes (995d2fd), closes #10317 #10325

● runtime-dom: should not trigger transition when v-show value is falsy (#10311) (e509639)

Features
Note: this warning is categorized as a feature but released in a patch because it does not affect public APIs.

● dx: warn users when computed is self-triggering (#10299) (f7ba97f)

Performance Improvements
● runtime: improve getType() GC and speed (#10327) (603a1e1)
Vuetify
v3.5.4

#vuetify

🔧 Bug Fixes

● VAvatar: target correct component for default provider (a83c336)
● VColorPicker: keep internal hue reference (188b39c), closes #19201
● VDatePicker: correct date format in month text (0f6850c), closes #19196 #19198
● VSnackbar: progress animation reset styling (d33f10b)
Vuetify
v2.7.2

#vuetify

🔧 Bug Fixes

update types (#16951) (7e3d35d)
check both $slots and $scopedSlots, normalise slot case (7d67046), closes #8676 #15293
● locale: Update French translations (#18215) (ceeafb6)
● VAutocomplete: highlight correct item in list on click (bc48f00), closes #17201
● VSelect: don't blur input on menu mousedown (0a77965), closes #15839
v5.1.2

#vite

5.1.2 (2024-02-14)

fix: normalize import file path info (#15772) (306df44), closes #15772

fix(build): do not output build time when build fails (#15711) (added3e), closes #15711

fix(runtime): pass path instead of fileURL to isFilePathESM (#15908) (7b15607), closes #15908

fix(worker): support UTF-8 encoding in inline workers (fixes #12117) (#15866) (570e0f1), closes #12117 #15866

chore: update license file (#15885) (d9adf18), closes #15885

chore(deps): update all non-major dependencies (#15874) (d16ce5d), closes #15874

chore(deps): update dependency dotenv-expand to v11 (#15875) (642d528), closes #15875

source
v5.1.3

#vite

5.1.3 (2024-02-15)

fix: cachedTransformMiddleware for direct css requests (#15919) (5099028), closes #15919

refactor(runtime): minor tweaks (#15904) (63a39c2), closes #15904

refactor(runtime): seal ES module namespace object instead of feezing (#15914) (4172f02), closes #15914

source
quasar-v2.14.4

#quasar

Fixes

fix(QImg): correctly set "alt" prop on the img tag #16886
fix(QSliderItem): avoid Vue reusing elements and thus wrongly assigning slot refs #16902
fix(ui/lang): German Abbreviation for March potentially wrong #16901

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:

Becoming a sponsor on Github
One-off donation via PayPal

source
@quasar/app-webpack-v4.0.0-beta.2

#quasar

Changelog

fix(app-webpack): correctly process transpile dependencies

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:

Becoming a sponsor on Github
One-off donation via PayPal

source
@quasar/app-vite-v2.0.0-beta.2

#quasar

Changelog

fix(app-vite): correctly handle the entry script path, especially when using publicPath #16906

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:

Becoming a sponsor on Github
One-off donation via PayPal

source
quasar-v2.14.5

#quasar

Fixes

fix+refactor(QCard): border radius management; add exceptions for QInnerLoading and QResizeObserver (with object) #16909
chore(QNoSsr): small tweaks

Donations

Quasar Framework is an open-source MIT-licensed project made possible due to the generous contributions by sponsors and backers. If you are interested in supporting this project, please consider the following:

Becoming a sponsor on Github
One-off donation via PayPal

source