Vue Updates
Vuetify v3.4.11 #vuetify 🔧 Bug Fixes ● calendar: use toJsDate before calling getDay (d31a1a0) ● date: return unmodified DateTimeFormat (#19017) (f2dd5c0), closes #19013 ● date: properly use date from toJsDate (3014429), closes #18707 ● locale: update Slovak…
● VSliderThumb: patch memory leak in
● VTabs: set correct initial isSelected value (fa5cccb), closes #18284
● web-types: remove newlines from types (31f7914)
Other Commmits
● chore(release): publish v3.4.11 (22f1333)
● docs(App): add router-view transition (60218ee)
● docs(autocompletes): add tip about the search model (26c72b3), closes #18613
● docs(VOtpInput): add v-model to divider example (#18991) (c62939a)
● docs(VAlert): fix renamed property (#19039) (e839c25)
● docs(Entry): remove inline ad toggle (22c486c)
● docs(upgrade-guide): add information about custom-sort (2c76938), closes #16654
● chore(helpers): remove unused functions (07445bd)
● chore(VDataTableFooter): adjust element spacing (1a802cf)
● chore(date): resolve linting issue (7e8dbcf)
● docs(upgrade-guide): update menu section (520b765)
● chore(dev): remove duplicate uphead (1866f97)
● docs(team): fix linting issue (834c91d)
● chore: remove deprecated tests (62bc868)
● chore: remove deprecated files (ae920de)
● chore(dev): add dayjs package (135a8c8)
● docs(team): add legends (ae52427)
● chore(package): update eslint packages to latest versions (f266e88)
VSliderThumb
(#19024) (64618ff), closes #19022● VTabs: set correct initial isSelected value (fa5cccb), closes #18284
● web-types: remove newlines from types (31f7914)
Other Commmits
● chore(release): publish v3.4.11 (22f1333)
● docs(App): add router-view transition (60218ee)
● docs(autocompletes): add tip about the search model (26c72b3), closes #18613
● docs(VOtpInput): add v-model to divider example (#18991) (c62939a)
● docs(VAlert): fix renamed property (#19039) (e839c25)
● docs(Entry): remove inline ad toggle (22c486c)
● docs(upgrade-guide): add information about custom-sort (2c76938), closes #16654
● chore(helpers): remove unused functions (07445bd)
● chore(VDataTableFooter): adjust element spacing (1a802cf)
● chore(date): resolve linting issue (7e8dbcf)
● docs(upgrade-guide): update menu section (520b765)
● chore(dev): remove duplicate uphead (1866f97)
● docs(team): fix linting issue (834c91d)
● chore: remove deprecated tests (62bc868)
● chore: remove deprecated files (ae920de)
● chore(dev): add dayjs package (135a8c8)
● docs(team): add legends (ae52427)
● chore(package): update eslint packages to latest versions (f266e88)
Vite
v5.1.0-beta.1
#vite
5.1.0-beta.1 (2024-01-18)
● fix: handle namespace import and dynamic import interop consistently (#15619) (ec8b420), closes #15619
● fix(css): track dependencies from addWatchFile for HMR (#15608) (dfcb83d), closes #15608
● fix(deps): update all non-major dependencies (#15603) (109fb80), closes #15603
● fix(hmr): normalize env files path (#15584) (d0f1d2e), closes #15584
● fix(ssr): externalize network imports during
● fix(types): mark hmr update internal types optional (#15606) (df8f5a5), closes #15606
● perf: avoid parseRequest (#15617) (0cacfad), closes #15617
● perf: avoid performance.now() call (#15634) (e43f7ee), closes #15634
● perf: do not bind plugin hook context functions (#15610) (3b7e0c3), closes #15610
● perf: don't recreate html hooks on each transform call (#15579) (bdb826c), closes #15579
● perf: simplify isHtmlProxy regex (#15590) (644d120), closes #15590
v5.1.0-beta.1
#vite
5.1.0-beta.1 (2024-01-18)
● fix: handle namespace import and dynamic import interop consistently (#15619) (ec8b420), closes #15619
● fix(css): track dependencies from addWatchFile for HMR (#15608) (dfcb83d), closes #15608
● fix(deps): update all non-major dependencies (#15603) (109fb80), closes #15603
● fix(hmr): normalize env files path (#15584) (d0f1d2e), closes #15584
● fix(ssr): externalize network imports during
ssrLoadModule
(#15599) (af2aa09), closes #15599● fix(types): mark hmr update internal types optional (#15606) (df8f5a5), closes #15606
● perf: avoid parseRequest (#15617) (0cacfad), closes #15617
● perf: avoid performance.now() call (#15634) (e43f7ee), closes #15634
● perf: do not bind plugin hook context functions (#15610) (3b7e0c3), closes #15610
● perf: don't recreate html hooks on each transform call (#15579) (bdb826c), closes #15579
● perf: simplify isHtmlProxy regex (#15590) (644d120), closes #15590
Vue Updates
Vite v5.1.0-beta.1 #vite 5.1.0-beta.1 (2024-01-18) ● fix: handle namespace import and dynamic import interop consistently (#15619) (ec8b420), closes #15619 ● fix(css): track dependencies from addWatchFile for HMR (#15608) (dfcb83d), closes #15608 ● fix(deps):…
● feat: preview server add close method (#15630) (947aa53), closes #15630
● feat: support multiple HMR clients on the server (#15340) (bf1e9c2), closes #15340
● feat(build): set
● refactor: remove build time pre-bundling (#15184) (757844f), closes #15184
● feat: support multiple HMR clients on the server (#15340) (bf1e9c2), closes #15340
● feat(build): set
hoistTransitiveImports
to false in library builds (#15595) (e6ebc7b), closes #15595● refactor: remove build time pre-bundling (#15184) (757844f), closes #15184
Vuetify
v3.5.0
#vuetify
v3.5.0 (Polaris)
Welcome to the v3.5.0 release of Vuetify!
----------------------
💪 Support Vuetify Development
Vuetify is an open source MIT project that has been made possible due to the generous contributions by our sponsors and backers. If you are interested in supporting this project, please consider:
● Requesting Enterprise Support
● Sponsoring John on Github
● Sponsoring Kael on Github
● Supporting the team on Open Collective
● Becoming a sponsor on Patreon
● Becoming a subscriber on Tidelift
● Making a one-time donation with Paypal
📖 Table of Contents
● #Release Introduction
● #Important Links
● #Upgrade Guide
● #Release Notes
❗️ Important Links
● 📄 Docs
● 🚨 Issues
● 🏬 Store
● 🎮 Play
● 💬 Discord
● 🗑️ Bins
📑 Upgrade guide
● VCardItem append/prepend icon/avatar will now show independently and have reduced inline padding. This brings the component more in line with how VListItem works.
💯 Release notes
🚀 Features
v3.5.0
#vuetify
v3.5.0 (Polaris)
Welcome to the v3.5.0 release of Vuetify!
----------------------
💪 Support Vuetify Development
Vuetify is an open source MIT project that has been made possible due to the generous contributions by our sponsors and backers. If you are interested in supporting this project, please consider:
● Requesting Enterprise Support
● Sponsoring John on Github
● Sponsoring Kael on Github
● Supporting the team on Open Collective
● Becoming a sponsor on Patreon
● Becoming a subscriber on Tidelift
● Making a one-time donation with Paypal
📖 Table of Contents
● #Release Introduction
● #Important Links
● #Upgrade Guide
● #Release Notes
❗️ Important Links
● 📄 Docs
● 🚨 Issues
● 🏬 Store
● 🎮 Play
● 💬 Discord
● 🗑️ Bins
📑 Upgrade guide
● VCardItem append/prepend icon/avatar will now show independently and have reduced inline padding. This brings the component more in line with how VListItem works.
💯 Release notes
🚀 Features
🗿1
Vue Updates
Vuetify v3.5.0 #vuetify v3.5.0 (Polaris) Welcome to the v3.5.0 release of Vuetify! ---------------------- 💪 Support Vuetify Development Vuetify is an open source MIT project that has been made possible due to the generous contributions by our sponsors…
● goTo: port to v3 (#19046) (4eeae8c), closes #5732 #13538
● locale: add khmer translations (#18695) (e1d0e03)
● style: add cursor class utilities (#17033) (a25aac9)
● theme: add surface-light color (#19047) (d20875a), closes #18091
● VAutocomplete/VCombobox: add new clearOnSelect prop (657d929), closes #6842
● VCardItem: bring in-line with VListItem functionality (356bfd1)
● VDataTable/Virtual: add support for sorting raw objects (#19048) (0bba2f5), closes #11226
● VDatePicker: add new multiple prop options (07781b3), closes #18701
● VFileInput: add string support for showSize prop (706565f)
● VImg: add rounded and color support (32ac0a1)
● VList: add expand / collapse icon support (8414baf)
● VSelects: add new listProps prop (1f7b403), closes #6458
● VSwitch: add thumb, track-true, and track-false slots (#18092) (7031faa)
🔧 Bug Fixes
● VChipGroup: use VSlideGroup as baseline component (#17911) (bcffca9), closes #17321
● VDataTable: add new headerProps prop (#19025) (d121f54), closes #18993
● VDataTableVirtual: add missing colgroup slot (#19052) (0dca210)
● locale: add khmer translations (#18695) (e1d0e03)
● style: add cursor class utilities (#17033) (a25aac9)
● theme: add surface-light color (#19047) (d20875a), closes #18091
● VAutocomplete/VCombobox: add new clearOnSelect prop (657d929), closes #6842
● VCardItem: bring in-line with VListItem functionality (356bfd1)
● VDataTable/Virtual: add support for sorting raw objects (#19048) (0bba2f5), closes #11226
● VDatePicker: add new multiple prop options (07781b3), closes #18701
● VFileInput: add string support for showSize prop (706565f)
● VImg: add rounded and color support (32ac0a1)
● VList: add expand / collapse icon support (8414baf)
● VSelects: add new listProps prop (1f7b403), closes #6458
● VSwitch: add thumb, track-true, and track-false slots (#18092) (7031faa)
🔧 Bug Fixes
● VChipGroup: use VSlideGroup as baseline component (#17911) (bcffca9), closes #17321
● VDataTable: add new headerProps prop (#19025) (d121f54), closes #18993
● VDataTableVirtual: add missing colgroup slot (#19052) (0dca210)
Vue Updates
Vuetify v3.5.1 #vuetify 🔧 Bug Fixes ● VChipGroup: correctly filter props (54054d8) Other Commmits ● chore(release): publish v3.5.1 (7afd453)
Hope all vue & etc updates will be so productivity like this one 💪!
😁4
Vite
v5.1.0-beta.3
#vite
5.1.0-beta.3 (2024-01-22)
● perf: middleware to short-circuit on 304 (#15586) (35ae4f8), closes #15586
● perf: use thread for preprocessors (#13584) (acd795f), closes #13584
● fix: default sideEffect option is delivered to rollup (#15665) (f6cf3d1), closes #15665
● fix(ssr): mark builtin modules as side effect free (#15658) (526cf23), closes #15658
● fix(ssr): support externalized builtins for webworker (#15656) (639bbd6), closes #15656
● refactor: append tags logic in applyHtmlTransforms (#15647) (09b1517), closes #15647
● refactor(hmr): provide a separate logger interface (#15631) (110e2e1), closes #15631
v5.1.0-beta.3
#vite
5.1.0-beta.3 (2024-01-22)
● perf: middleware to short-circuit on 304 (#15586) (35ae4f8), closes #15586
● perf: use thread for preprocessors (#13584) (acd795f), closes #13584
● fix: default sideEffect option is delivered to rollup (#15665) (f6cf3d1), closes #15665
● fix(ssr): mark builtin modules as side effect free (#15658) (526cf23), closes #15658
● fix(ssr): support externalized builtins for webworker (#15656) (639bbd6), closes #15656
● refactor: append tags logic in applyHtmlTransforms (#15647) (09b1517), closes #15647
● refactor(hmr): provide a separate logger interface (#15631) (110e2e1), closes #15631
Quasar
quasar-v2.14.3
#quasar
Fixes
● Vue 3.4 --> fix(ui): Hydration issues with Vue 3.4 (QField/QInput/..., QBtnDropdown, QExpansionItem, QFab) #16792
● Vue 3.4 --> fix(Dark): [Vue 3.4] Hydration issue with Dark Quasar plugin on SSR #16818
● fix(QAjaxBar): fix infinite fetch loop in watchEffect #16767 (#16780)
● fix(ui): expose updateScrollTarget method for QInfiniteScroll (#16182)
● fix(QTab): softError.message is undefined when opening tab with control-key #16791
● fix(QField/QInput/...): lazy validation breaks when clearable button is clicked #16723
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-v2.14.3
#quasar
Fixes
● Vue 3.4 --> fix(ui): Hydration issues with Vue 3.4 (QField/QInput/..., QBtnDropdown, QExpansionItem, QFab) #16792
● Vue 3.4 --> fix(Dark): [Vue 3.4] Hydration issue with Dark Quasar plugin on SSR #16818
● fix(QAjaxBar): fix infinite fetch loop in watchEffect #16767 (#16780)
● fix(ui): expose updateScrollTarget method for QInfiniteScroll (#16182)
● fix(QTab): softError.message is undefined when opening tab with control-key #16791
● fix(QField/QInput/...): lazy validation breaks when clearable button is clicked #16723
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
Vite
[email protected]
#vite
5.3.0 (2024-01-25)
● docs: fix commit id collision (#15105) (0654d1b), closes #15105
● docs: fix dead link (#15700) (aa7916a), closes #15700
● feat(legacy): build file name optimization (#15115) (39f435d), closes #15115
● feat(legacy): support any separator before hash in fileNames (#15170) (ecab41a), closes #15170
● feat(plugin-legacy): add
● fix(deps): update all non-major dependencies (#15233) (ad3adda), closes #15233
● fix(deps): update all non-major dependencies (#15304) (bb07f60), closes #15304
● fix(deps): update all non-major dependencies (#15375) (ab56227), closes #15375
● chore(deps): update all non-major dependencies (#15145) (7ff2c0a), closes #15145
[email protected]
#vite
5.3.0 (2024-01-25)
● docs: fix commit id collision (#15105) (0654d1b), closes #15105
● docs: fix dead link (#15700) (aa7916a), closes #15700
● feat(legacy): build file name optimization (#15115) (39f435d), closes #15115
● feat(legacy): support any separator before hash in fileNames (#15170) (ecab41a), closes #15170
● feat(plugin-legacy): add
modernTargets
option (#15506) (cf56507), closes #15506● fix(deps): update all non-major dependencies (#15233) (ad3adda), closes #15233
● fix(deps): update all non-major dependencies (#15304) (bb07f60), closes #15304
● fix(deps): update all non-major dependencies (#15375) (ab56227), closes #15375
● chore(deps): update all non-major dependencies (#15145) (7ff2c0a), closes #15145
Vite
v5.1.0-beta.4
#vite
5.1.0-beta.4 (2024-01-26)
● perf: lazy load rollup during dev (#15621) (6f88a90), closes #15621
● perf: use workspace root for fs cache (#15712) (8815763), closes #15712
● chore: remove unneeded normalizePath (#15713) (92f2747), closes #15713
● chore(proxy): update proxy error info (#15678) (09bd58d), closes #15678
● feat: enable fs.cachedChecks by default (#15704) (a05c709), closes #15704
● feat(optimizer): holdUntilCrawlEnd option (#15244) (b7c6629), closes #15244
● fix: normalize prettify url (#15705) (98bc3dc), closes #15705
● fix: windows add/delete file (3a7b650)
● fix(build): build error message output twice (#15664) (74382b9), closes #15664
● fix(hmr): pass id in
● fix(node): remove timestamp query of
● fix(preview): set isPreview true (#15695) (93fce55), closes #15695
v5.1.0-beta.4
#vite
5.1.0-beta.4 (2024-01-26)
● perf: lazy load rollup during dev (#15621) (6f88a90), closes #15621
● perf: use workspace root for fs cache (#15712) (8815763), closes #15712
● chore: remove unneeded normalizePath (#15713) (92f2747), closes #15713
● chore(proxy): update proxy error info (#15678) (09bd58d), closes #15678
● feat: enable fs.cachedChecks by default (#15704) (a05c709), closes #15704
● feat(optimizer): holdUntilCrawlEnd option (#15244) (b7c6629), closes #15244
● fix: normalize prettify url (#15705) (98bc3dc), closes #15705
● fix: windows add/delete file (3a7b650)
● fix(build): build error message output twice (#15664) (74382b9), closes #15664
● fix(hmr): pass id in
parseImports
for better debugging DX (#15707) (fb4bddc), closes #15707● fix(node): remove timestamp query of
staticImportedUrls
(#15663) (6c4bf26), closes #15663● fix(preview): set isPreview true (#15695) (93fce55), closes #15695
NuxtJS
v3.10.0
#nuxt3.10.0 is the next minor/feature release.
👀 Highlights
v3.10 comes quite close on the heels of v3.9, but it's packed with features and fixes. Here are a few highlights.
✨ Experimental shared
When prerendering routes, we can end up refetching the same data over and over again. In Nuxt 2 it was possible to create a 'payload' which could be fetched once and then accessed in every page (and this is of course possible to do manually in Nuxt 3 - see this article).
With #24894, we are now able to do this automatically for you when prerendering. Your
Important
v3.10.0
#nuxt3.10.0 is the next minor/feature release.
👀 Highlights
v3.10 comes quite close on the heels of v3.9, but it's packed with features and fixes. Here are a few highlights.
✨ Experimental shared
asyncData
when prerenderingWhen prerendering routes, we can end up refetching the same data over and over again. In Nuxt 2 it was possible to create a 'payload' which could be fetched once and then accessed in every page (and this is of course possible to do manually in Nuxt 3 - see this article).
With #24894, we are now able to do this automatically for you when prerendering. Your
useAsyncData
and useFetch
calls will be deduplicated and cached between renders of your site.export defineNuxtConfig({
experimental: {
sharedPrerenderData: true
}
})
Important
Vue Updates
NuxtJS v3.10.0 #nuxt3.10.0 is the next minor/feature release. 👀 Highlights v3.10 comes quite close on the heels of v3.9, but it's packed with features and fixes. Here are a few highlights. ✨ Experimental shared asyncData when prerendering When prerendering…
It is particularly important to make sure that any unique key of your data is always resolvable to the same data. For example, if you are using
👉 See full documentation.
🆔 SSR-safe accessible unique ID creation
We now ship a
">
✍️ Extending
It's now possible for module authors to inject their own
👉 See full documentation.
Client-side Node.js support
We now support (experimentally) polyfilling key Node.js built-ins (#25028), just as we already do via Nitro on the server when deploying to non-Node environments.
That means that, within your client-side code, you can import directly from Node built-ins (
Or provide your own polyfill, for example, inside a Nuxt plugin.
This should make life easier for users who are working with libraries without proper browser support. However, because of the risk in increasing your bundle unnecessarily, we would strongly urge users to choose other alternatives if at all possible.
🍪 Better cookie reactivity
We now allow you to opt-in to using the CookieStore. If browser support is present, this will then be used instead of a BroadcastChannel to update
This also comes paired with a new composable,
🏥 Detecting anti-patterns
In this release, we've also shipped a range of features to detect potential bugs and performance problems.
● We now will throw an error if
● We warn (in development only) if data fetch composables are used wrongly (#25071), such as outside of a plugin or setup context.
● We warn (in development only) if you are not using but have the
🧂 Granular view transitions support
It's now possible to control view transitions support on a per-page basis, using
You need to have experimental view transitions support enabled first:
And you can opt in/out granularly:
definePageMeta({ viewTransition: false }) ">
Finally, Nuxt will not apply View Transitions if the user's browser matches
🏗️ Build-time route metadata
useAsyncData
to fetch data related to a particular page, you should provide a key that uniquely matches that data. (useFetch
should do this automatically.)👉 See full documentation.
🆔 SSR-safe accessible unique ID creation
We now ship a
useId
composable for generating SSR-safe unique IDs (#23368). This allows creating more accessible interfaces in your app. For example:">
<script setup>
const emailId = useId()
const passwordId = useId()
>script>
<template>
<form>
<label :for="emailId">Email>label>
<input
:id="emailId"
name="email"
type="email"
>
<label :for="passwordId">Password>label>
<input
:id="passwordId"
name="password"
type="password"
>
>form>
>template>
✍️ Extending
app/router.options
It's now possible for module authors to inject their own
router.options
files (#24922). The new pages:routerOptions
hook allows module authors to do things like add custom scrollBehavior
or add runtime augmenting of routes.👉 See full documentation.
Client-side Node.js support
We now support (experimentally) polyfilling key Node.js built-ins (#25028), just as we already do via Nitro on the server when deploying to non-Node environments.
That means that, within your client-side code, you can import directly from Node built-ins (
node:
and node imports are supported). However, nothing is globally injected for you, to avoid increasing your bundle size unnecessarily. You can either import them where needed.import { Buffer } from 'node:buffer'
import process from 'node:process'
Or provide your own polyfill, for example, inside a Nuxt plugin.
// ~/plugins/node.client.ts
import { Buffer } from 'node:buffer'
import process from 'node:process'
globalThis.Buffer = Buffer
globalThis.process = process
export default defineNuxtPlugin({})
This should make life easier for users who are working with libraries without proper browser support. However, because of the risk in increasing your bundle unnecessarily, we would strongly urge users to choose other alternatives if at all possible.
🍪 Better cookie reactivity
We now allow you to opt-in to using the CookieStore. If browser support is present, this will then be used instead of a BroadcastChannel to update
useCookie
values reactively when the cookies are updated (#25198).This also comes paired with a new composable,
refreshCookie
which allows manually refreshing cookie values, such as after performing a request. See full documentation.🏥 Detecting anti-patterns
In this release, we've also shipped a range of features to detect potential bugs and performance problems.
● We now will throw an error if
setInterval
is used on server (#25259).● We warn (in development only) if data fetch composables are used wrongly (#25071), such as outside of a plugin or setup context.
● We warn (in development only) if you are not using but have the
vue-router
integration enabled (#25490). ( should not be used on its own.)🧂 Granular view transitions support
It's now possible to control view transitions support on a per-page basis, using
definePageMeta
(#25264).You need to have experimental view transitions support enabled first:
export default defineNuxtConfig({
experimental: {
viewTransition: true
},
app: {
// you can disable them globally if necessary (they are enabled by default)
viewTransition: false
}
})
And you can opt in/out granularly:
definePageMeta({ viewTransition: false }) ">
// ~/pages/index.vue
<script setup lang="ts">
definePageMeta({
viewTransition: false
})
script>
Finally, Nuxt will not apply View Transitions if the user's browser matches
prefers-reduced-motion: reduce
(#22292). You can set viewTransition: 'always'
; it will then be up to you to respect the user's preference.🏗️ Build-time route metadata