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
NuxtJS
v3.10.1

#nuxt3.10.1 is a regularly-scheduled patch release.

βœ… Upgrading

As usual, our recommendation for upgrading is to run:
nuxi upgrade --force

This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the vue and unjs ecosystems.

πŸ‘‰ Changelog

compare changes

πŸ”₯ Performance

● nuxt: Clear route meta build cache when pages change (#25514)

🩹 Fixes

● nuxt: Fix syntax error when serializing route meta (#25515)
● nuxt: Only request animation frame on client (#25569)
● schema: Correctly set value for app.viewTransition (#25581)
● nuxt: Correct return type of refresh functions (#25568)
● nuxt: Broadcast cookie change in correct format (#25598)
● nuxt: Generate typed route declarations when building (#25593)
● nuxt: Remove key from useId type signature (#25614)
● nuxt: Remove $ from generated id in useId (#25615)
● nuxt: Don't set default rel for same-site external links (#25600)
Vue Updates
NuxtJS v3.10.1 #nuxt3.10.1 is a regularly-scheduled patch release. βœ… Upgrading As usual, our recommendation for upgrading is to run: nuxi upgrade --force This will refresh your lockfile as well, and ensures that you pull in updates from other dependencies…
● nuxt: Warn if inheritAttrs: false when using useId (#25616)
● nuxt: Fetch non-server rendered islands when hydrating (#25613)
● nuxt: Don't check page/layout usage when redirecting (#25628)

πŸ’… Refactors

● nuxt: Improve NuxtLink types (#25599)

πŸ“– Documentation

● Correct typo (#25523)
● Add and link to a section on Nuxt context (#23546)
● Explain how to set defaults in nuxt config (#25610)

🏑 Chore

● Use pathe in internal tests (e33cec958)
● nuxt: Rename nuxt -> nuxtApp internally for consistency (c5d5932f5)

πŸ€– CI

● Fix playwright cache (#25527)
● Retry flaky test when running in Windows with Webpack (#25536)
● Retry flaky test when running in Windows with Webpack (#25543)
● Retry flaky test when using Webpack (#25550)
● Simplify label PR workflow (#25579)

❀️ Contributors

● Daniel Roe (@danielroe)
● Julien Huang (@huang-julien)
● Harlan Wilton (@harlan-zw)
● Bobbie Goede (@BobbieGoede)
● xjccc (@xjccc)
● Ryan Clements (@RyanClementsHax)
● Enkot (@enkot)
● Damian GΕ‚owala (@DamianGlowala)
● Ted de Koning (@tdekoning)
● Troy Ciesco (@troyciesco)
● Michael Brevard (@GalacticHypernova)
● Arslan Ali (@warlock1996)
Vite
v5.1.0-beta.7

#vite

5.1.0-beta.7 (2024-02-07)

● fix: disable fs.cachedChecks for custom watch ignore patterns (#15828) (9070be3), closes #15828

● fix: judge next dirent cache type (#15787) (5fbeba3), closes #15787

● fix: scan entries when the root is in node_modules (#15746) (c3e83bb), closes #15746

● fix(config): improved warning when root path includes bad characters (#15761) (1c0dc3d), closes #15761

● docs: fix typos in CHANGELOG (#15825) (3ee4e7b), closes #15825

● perf: use transform cache by resolved id (#15785) (78d838a), closes #15785

● chore: release notes (#15777) (775bb50), closes #15777
Vuetify
v3.5.3

#vuetify

πŸ”§ Bug Fixes

● VAvatar: provide component defaults to default slot (a765a6b)
● VCheckbox/VSwitch: incorrect default flex inherited from VInput (de501c3)
● VChip: prevent content div from taking activator target (e9a5a4a)
● VColorPicker: correct value gradient (d1251f5), closes #19187
● VListItemAction: adjust spacing when using the start/end props (1f63ca8)
● VOverlay: add missing opacity property (a27026f), closes #19182

πŸ”„ Reverts

● Revert "fix(VOverlay): don't render if disabled" (0b79317), closes #19144

Other Commmits

● chore(release): publish v3.5.3 (5db19eb)
● docs(upgrade-guide): add v-navigation-drawer section (b5ba4a5), closes #19162
● docs(one): fix re-sub after billing failure (d8c2943)
● docs(AvatarOption): add new images (46f1b0e)
● chore(PerkOptions): update displayed pricing (b0543e7)
● chore(README): update sponsors (0f6c173)
● chore(package): update @vuetify/one (29a8e11)
Vue 3
v3.4.16

#vue #vue3

3.4.16 (2024-02-08)
Bug Fixes
● compiler-core: handle same-name shorthand edge case for in-DOM templates (cb87b62), closes #10280

● compiler-core: support v-bind shorthand syntax for dynamic slot name (#10218) (91f058a), closes #10213

● deps: update compiler (#10269) (336bb65)

● hydration: fix SFC style v-bind hydration mismatch warnings (#10250) (f0b5f7e), closes #10215

● reactivity: avoid infinite recursion from side effects in computed getter (#10232) (0bced13), closes #10214

● reactivity: handle MaybeDirty recurse (#10187) (6c7e0bd), closes #10185

● reactivity: skip non-extensible objects when using markRaw (#10289) (2312184), closes #10288

● runtime-core: avoid inlining isShallow (#10238) (53eee72)

● runtime-core: support for nested calls to runWithContext (#10261) (75e02b5), closes #10260

● runtime-dom: ensure v-show respects display value set via v-bind (#10161) (9b19f09), closes #10151
Vite
v5.1.0

#vite

5.1.0 (2024-02-08)

● chore: revert #15746 (#15839) (ed875f8), closes #15746 #15839

● fix: pass customLogger to loadConfigFromFile (fix #15824) (#15831) (55a3427), closes #15824 #15831

● fix(deps): update all non-major dependencies (#15803) (e0a6ef2), closes #15803

● refactor: remove vite build --force (#15837) (f1a4242), closes #15837
Vite
[email protected]

#vite

Please refer to CHANGELOG.md for details.
πŸ‘2
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)