8000 HMR doesn't work when using `useCssModule` with SSR · Issue #146 · vitejs/vite-plugin-vue · GitHub
[go: up one dir, main page]

Skip to content

HMR doesn't work when using useCssModule with SSR #146

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
7 tasks done
rvfakie opened this issue Apr 5, 2023 · 9 comments · Fixed by vuejs/core#12450
Closed
7 tasks done

HMR doesn't work when using useCssModule with SSR #146

rvfakie opened this issue Apr 5, 2023 · 9 comments · Fixed by vuejs/core#12450
Labels
feat: hmr feat: ssr p3-minor-bug 🔨 An edge case that only affects very specific usage (priority)

Comments

@rvfakie
Copy link
rvfakie commented Apr 5, 2023

Describe the bug

Bug with HMR, CSS Modules and SCSS mixins imported with vite.

Please see reproduction and link to issue in nuxt.
@danielroe has also managed to reproduce this bug. I've attached his reproduction link.

After updating imported scss mixin in _buttons.scss styles for <button> just disappear.
Try to edit _buttons.scss style properties and you will see default button styles after HMR.

But if you modify app.vue after modifying _buttons.scss you will see HMR working correct.

Reproduction

https://stackblitz.com/edit/github-cbd5fr?file=vite.config.js

Steps to reproduce

No response

System Info

System:
    OS: macOS 13.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 116.52 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.17.1 - ~/.nvm/versions/node/v16.17.1/bin/node
    npm: 8.15.0 - ~/.nvm/versions/node/v16.17.1/bin/npm
  Browsers:
    Chrome: 111.0.5563.146
    Safari: 16.2

Used Package Manager

npm

Logs

No response

Validations

@bolt-new-by-stackblitz
Copy link

Fix this issue in StackBlitz Codeflow Start a new pull request in StackBlitz Codeflow.

@sapphi-red
Copy link
Member

It seems SCSS is not necessary to reproduce.

It doesn't work when editing CSS module styles + using useCssModule + SSR.
https://stackblitz.com/edit/github-cbd5fr-qeqagm?file=src%2Fmain.ts,src%2FApp.vue

@sapphi-red sapphi-red added feat: hmr feat: ssr p3-minor-bug 🔨 An edge case that only affects very specific usage (priority) labels Apr 6, 2023
@sapphi-red sapphi-red changed the title HMR, CSS Module works not as expected after editing SCSS mixin in assets dir. HMR doesn't work when using useCssModule with SSR Apr 6, 2023
@Lustach
Copy link
Lustach commented Oct 24, 2023

Hello! If it only reproduce in ssr mode, is it possible to solve this problem?

@kier-mc
Copy link
kier-mc commented Jun 20, 2024

I'm experiencing the same issue. I'm using Nuxt (for context) with <style module lang="scss"> in SFCs. When I update my mixin.scss file in ./assets, all custom styles are removed from the target element, except for the reset I also apply from the same file, interestingly enough. Neither soft nor hard browser reloads will resolve the issue. I need to completely restart the server to resolve it. Editing app.vue as @rvfakie mentioned also works and saves time, but it would be great to see a more robust fix for this.

@Neoniq
Copy link
Neoniq commented Jul 18, 2024

Same here. Nuxt. but im not editing mixins like in comment above, im editing scss module.
Also, to reproduce: after page load change something in vue file, save, then change scss module > there you go, html class names stay same but in styles they changed.


  • Operating System: Windows_NT
  • Node Version: v20.14.0
  • Nuxt Version: 3.12.3
  • CLI Version: 3.12.0
  • Nitro Version: 2.9.7
  • Package Manager: pnpm@9.4.0
  • Builder: -
  • User Config: devtools, ssr, app, primevue, css, modules, swiper, icon, dir, components, srcDir, runtimeConfig, alias, compatibilityDate
  • Runtime Modules: @pinia/nuxt@0.5.1, @vueuse/nuxt@10.11.0, nuxt-primevue@3.0.0, @nuxt/icon@1.1.1, @nuxt/eslint@0.3.13, @nuxt/image@1.7.0, nuxt-swiper@1.2.2
  • Build Modules: -

@Matheun
Copy link
Matheun commented Jul 18, 2024

Exact same issue here.

When i change and save a file thats imported into my main.scss, the hmr wont update despite the terminal saying the hmr has updated.

Whenever i then save the main.scss, the styles on the frontend actually get updated, really need a fix for this

@edison1105
Copy link
Member

The root cause see #477 (comment)

@kier-mc
Copy link
kier-mc commented Jan 24, 2025

@edison1105 Thank you for creating a PR to address this 🙏

It doesn't look like it has been merged yet. Do you know when this may be?

@edison1105
Copy link
Member

@kier-mc
Sorry, I am not sure when it will be merged.

@edison1105 edison1105 marked this as a duplicate of #525 Feb 15, 2025
madcodelife pushed a commit to madcodelife/prerender-demo that referenced this issue May 15, 2025
This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
|
[vue](https://redirect.github.com/vuejs/core/tree/main/packages/vue#readme)
([source](https://redirect.github.com/vuejs/core)) | [`3.5.13` ->
`3.5.14`](https://renovatebot.com/diffs/npm/vue/3.5.13/3.5.14) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/vue/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/vue/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/vue/3.5.13/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vue/3.5.13/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>vuejs/core (vue)</summary>

###
[`v3.5.14`](https://redirect.github.com/vuejs/core/blob/HEAD/CHANGELOG.md#3514-2025-05-15)

[Compare
Source](https://redirect.github.com/vuejs/core/compare/v3.5.13...v3.5.14)

##### Bug Fixes

- **compat:** correct deprecation message for v-bind.sync usage
([#&#8203;13137](https://redirect.github.com/vuejs/core/issues/13137))
([466b30f](https://redirect.github.com/vuejs/core/commit/466b30f4049ec89fb282624ec17d1a93472ab93f)),
closes
[#&#8203;13133](https://redirect.github.com/vuejs/core/issues/13133)
- **compiler-core:** remove slot cache from parent renderCache during
unmounting
([#&#8203;13215](https://redirect.github.com/vuejs/core/issues/13215))
([5d166f3](https://redirect.github.com/vuejs/core/commit/5d166f3796a03a497435fc079c6a83a4e9c6cf52))
- **compiler-sfc:** fix scope handling for props destructure in function
parameters and catch clauses
([8e34357](https://redirect.github.com/vuejs/core/commit/8e3435779a667de485cf9efd78667d0ca14c5f84)),
closes
[#&#8203;12790](https://redirect.github.com/vuejs/core/issues/12790)
- **compiler-sfc:** treat the return value of `useTemplateRef` as a
definite ref
([#&#8203;13197](https://redirect.github.com/vuejs/core/issues/13197))
([8ae1122](https://redirect.github.com/vuejs/core/commit/8ae11226e8ee938615e17c7b81dc38ae3f7cefb9))
- **compiler:** fix spelling error in domTagConfig
([#&#8203;13043](https://redirect.github.com/vuejs/core/issues/13043))
([388295b](https://redirect.github.com/vuejs/core/commit/388295b27f3cc69eba25d325bbe60a36a3df831a))
- **customFormatter:** properly accessing ref value during debugger
([#&#8203;12948](https://redirect.github.com/vuejs/core/issues/12948))
([fdbd026](https://redirect.github.com/vuejs/core/commit/fdbd02658301dd794fe0c84f0018d080a07fca9f))
- **hmr/teleport:** adjust static children traversal for HMR in dev mode
([#&#8203;12819](https://redirect.github.com/vuejs/core/issues/12819))
([5e37dd0](https://redirect.github.com/vuejs/core/commit/5e37dd009562bcd8080a200c32abde2d6e4f0305)),
closes
[#&#8203;12816](https://redirect.github.com/vuejs/core/issues/12816)
- **hmr:** avoid hydration for hmr root reload
([#&#8203;12450](https://redirect.github.com/vuejs/core/issues/12450))
([1f98a9c](https://redirect.github.com/vuejs/core/commit/1f98a9c493d01c21befa90107f0593bc92a58932)),
closes
[vitejs/vite-plugin-vue#146](https://redirect.github.com/vitejs/vite-plugin-vue/issues/146)
[vitejs/vite-plugin-vue#477](https://redirect.github.com/vitejs/vite-plugin-vue/issues/477)
- **hmr:** avoid hydration for hmr updating
([#&#8203;12262](https://redirect.github.com/vuejs/core/issues/12262))
([9c4dbbc](https://redirect.github.com/vuejs/core/commit/9c4dbbc5185125835ad3e49baba303bd54676111)),
closes
[#&#8203;7706](https://redirect.github.com/vuejs/core/issues/7706)
[#&#8203;8170](https://redirect.github.com/vuejs/core/issues/8170)
- **reactivity:** ensure markRaw objects are not reactive
([#&#8203;12824](https://redirect.github.com/vuejs/core/issues/12824))
([295b5ec](https://redirect.github.com/vuejs/core/commit/295b5ec19b6a52c4a56652cc4d6e93a4ea7c14ed)),
closes
[#&#8203;12807](https://redirect.github.com/vuejs/core/issues/12807)
- **reactivity:** ensure multiple effectScope on() and off() calls
maintains correct active scope
([22dcbf3](https://redirect.github.com/vuejs/core/commit/22dcbf3e20eb84f69c8952f6f70d9990136a4a68)),
closes
[#&#8203;12631](https://redirect.github.com/vuejs/core/issues/12631)
[#&#8203;12632](https://redirect.github.com/vuejs/core/issues/12632)
[#&#8203;12641](https://redirect.github.com/vuejs/core/issues/12641)
- **reactivity:** should not recompute if computed does not track
reactive data
([#&#8203;12341](https://redirect.github.com/vuejs/core/issues/12341))
([0b23fd2](https://redirect.github.com/vuejs/core/commit/0b23fd23833cf085e7e112bf4435cfc9b360d072)),
closes
[#&#8203;12337](https://redirect.github.com/vuejs/core/issues/12337)
- **runtime-core:** stop tracking deps in setRef during unmount
([#&#8203;13210](https://redirect.github.com/vuejs/core/issues/13210))
([016c472](https://redirect.github.com/vuejs/core/commit/016c472bd2e7604b21c69dee1da8545ce26e4d2f))
- **runtime-core:** update \__vnode of static nodes when patching along
the optimized path
([#&#8203;13223](https://redirect.github.com/vuejs/core/issues/13223))
([b3ecee3](https://redirect.github.com/vuejs/core/commit/b3ecee3da8ed5c55dea89ce6b4b376b2b722b018))
- **runtime-core:** inherit comment nodes during block patch in
production build
([#&#8203;10748](https://redirect.github.com/vuejs/core/issues/10748))
([6264505](https://redirect.github.com/vuejs/core/commit/626450590d81f79117b34d2a73073b1dc8f551bd)),
closes
[#&#8203;10747](https://redirect.github.com/vuejs/core/issues/10747)
[#&#8203;12650](https://redirect.github.com/vuejs/core/issues/12650)
- **runtime-core:** prevent unmounted vnode from being inserted during
transition leave
([#&#8203;12862](https://redirect.github.com/vuejs/core/issues/12862))
([d6a6ec1](https://redirect.github.com/vuejs/core/commit/d6a6ec13ce521683bfb2a22932778ef7b51f8600)),
closes
[#&#8203;12860](https://redirect.github.com/vuejs/core/issues/12860)
- **runtime-core:** respect immutability for readonly reactive arrays in
`v-for`
([#&#8203;13091](https://redirect.github.com/vuejs/core/issues/13091))
([3f27c58](https://redirect.github.com/vuejs/core/commit/3f27c58ffbd4309df369bc89493fdc284dc540bb)),
closes
[#&#8203;13087](https://redirect.github.com/vuejs/core/issues/13087)
- **runtime-dom:** always treat autocorrect as attribute
([#&#8203;13001](https://redirect.github.com/vuejs/core/issues/13001))
([1499135](https://redirect.github.com/vuejs/core/commit/1499135c227236e037bb746beeb777941b0b58ff)),
closes
[#&#8203;5705](https://redirect.github.com/vuejs/core/issues/5705)
- **slots:** properly warn if slot invoked in setup
([#&#8203;12195](https://redirect.github.com/vuejs/core/issues/12195))
([9196222](https://redirect.github.com/vuejs/core/commit/9196222ae1d63b52b35ac5fbf5e71494587ccf05)),
closes
[#&#8203;12194](https://redirect.github.com/vuejs/core/issues/12194)
- **ssr:** properly init slots during ssr rendering
([#&#8203;12441](https://redirect.github.com/vuejs/core/issues/12441))
([2206cd2](https://redirect.github.com/vuejs/core/commit/2206cd235a1627c540e795e378b7564a55b47313)),
closes
[#&#8203;12438](https://redirect.github.com/vuejs/core/issues/12438)
- **transition:** fix KeepAlive with transition out-in mode behavior in
production
([#&#8203;12468](https://redirect.github.com/vuejs/core/issues/12468))
([343c891](https://redirect.github.com/vuejs/core/commit/343c89122448719bd6ed6bd9de986dfb2721d6bf)),
closes
[#&#8203;12465](https://redirect.github.com/vuejs/core/issues/12465)
- **TransitionGroup:** reset prevChildren to prevent memory leak
([#&#8203;13183](https://redirect.github.com/vuejs/core/issues/13183))
([8b848cb](https://redirect.github.com/vuejs/core/commit/8b848cbbd2af337d23e19e202f9ab433f8580855)),
closes
[#&#8203;13181](https://redirect.github.com/vuejs/core/issues/13181)
- **types:** allow return any for Options API lifecycle hooks
([#&#8203;5914](https://redirect.github.com/vuejs/core/issues/5914))
([06310e8](https://redirect.github.com/vuejs/core/commit/06310e82f5bed62d1b9733dcb18cd8d6edc988de))
- **types:** the directive's modifiers should be optional
([#&#8203;12605](https://redirect.github.com/vuejs/core/issues/12605))
([10e54dc](https://redirect.github.com/vuejs/core/commit/10e54dcc86a7967f3196d96200bcbd1d3d42082f))
- **typos:** fix comments referencing transformElement.ts
([#&#8203;12551](https://redirect.github.com/vuejs/core/issues/12551))\[ci-skip]
([11c053a](https://redirect.github.com/vuejs/core/commit/11c053a5429ad0d27a0e2c78b6b026ea00ace116))

##### Features

- **types:** add type TemplateRef
([#&#8203;12645](https://redirect.github.com/vuejs/core/issues/12645))
([636a861](https://redirect.github.com/vuejs/core/commit/636a8619f06c71dfd79f7f6412fd130c4f84226f))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/madcodelife/prerender-demo).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MC4xMS45IiwidXBkYXRlZEluVmVyIjoiNDAuMTEuOSIsInRhcmdldEJyYW5jaCI6Im1hc3RlciIsImxhYmVscyI6W119-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
madcodelife pushed a commit to madcodelife/no-prerender-demo that referenced this issue May 15, 2025
This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
|
[vue](https://redirect.github.com/vuejs/core/tree/main/packages/vue#readme)
([source](https://redirect.github.com/vuejs/core)) | [`3.5.13` ->
`3.5.14`](https://renovatebot.com/diffs/npm/vue/3.5.13/3.5.14) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/vue/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/vue/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/vue/3.5.13/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vue/3.5.13/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>vuejs/core (vue)</summary>

###
[`v3.5.14`](https://redirect.github.com/vuejs/core/blob/HEAD/CHANGELOG.md#3514-2025-05-15)

[Compare
Source](https://redirect.github.com/vuejs/core/compare/v3.5.13...v3.5.14)

##### Bug Fixes

- **compat:** correct deprecation message for v-bind.sync usage
([#&#8203;13137](https://redirect.github.com/vuejs/core/issues/13137))
([466b30f](https://redirect.github.com/vuejs/core/commit/466b30f4049ec89fb282624ec17d1a93472ab93f)),
closes
[#&#8203;13133](https://redirect.github.com/vuejs/core/issues/13133)
- **compiler-core:** remove slot cache from parent renderCache during
unmounting
([#&#8203;13215](https://redirect.github.com/vuejs/core/issues/13215))
([5d166f3](https://redirect.github.com/vuejs/core/commit/5d166f3796a03a497435fc079c6a83a4e9c6cf52))
- **compiler-sfc:** fix scope handling for props destructure in function
parameters and catch clauses
([8e34357](https://redirect.github.com/vuejs/core/commit/8e3435779a667de485cf9efd78667d0ca14c5f84)),
closes
[#&#8203;12790](https://redirect.github.com/vuejs/core/issues/12790)
- **compiler-sfc:** treat the return value of `useTemplateRef` as a
definite ref
([#&#8203;13197](https://redirect.github.com/vuejs/core/issues/13197))
([8ae1122](https://redirect.github.com/vuejs/core/commit/8ae11226e8ee938615e17c7b81dc38ae3f7cefb9))
- **compiler:** fix spelling error in domTagConfig
([#&#8203;13043](https://redirect.github.com/vuejs/core/issues/13043))
([388295b](https://redirect.github.com/vuejs/core/commit/388295b27f3cc69eba25d325bbe60a36a3df831a))
- **customFormatter:** properly accessing ref value during debugger
([#&#8203;12948](https://redirect.github.com/vuejs/core/issues/12948))
([fdbd026](https://redirect.github.com/vuejs/core/commit/fdbd02658301dd794fe0c84f0018d080a07fca9f))
- **hmr/teleport:** adjust static children traversal for HMR in dev mode
([#&#8203;12819](https://redirect.github.com/vuejs/core/issues/12819))
([5e37dd0](https://redirect.github.com/vuejs/core/commit/5e37dd009562bcd8080a200c32abde2d6e4f0305)),
closes
[#&#8203;12816](https://redirect.github.com/vuejs/core/issues/12816)
- **hmr:** avoid hydration for hmr root reload
([#&#8203;12450](https://redirect.github.com/vuejs/core/issues/12450))
([1f98a9c](https://redirect.github.com/vuejs/core/commit/1f98a9c493d01c21befa90107f0593bc92a58932)),
closes
[vitejs/vite-plugin-vue#146](https://redirect.github.com/vitejs/vite-plugin-vue/issues/146)
[vitejs/vite-plugin-vue#477](https://redirect.github.com/vitejs/vite-plugin-vue/issues/477)
- **hmr:** avoid hydration for hmr updating
([#&#8203;12262](https://redirect.github.com/vuejs/core/issues/12262))
([9c4dbbc](https://redirect.github.com/vuejs/core/commit/9c4dbbc5185125835ad3e49baba303bd54676111)),
closes
[#&#8203;7706](https://redirect.github.com/vuejs/core/issues/7706)
[#&#8203;8170](https://redirect.github.com/vuejs/core/issues/8170)
- **reactivity:** ensure markRaw objects are not reactive
([#&#8203;12824](https://redirect.github.com/vuejs/core/issues/12824))
([295b5ec](https://redirect.github.com/vuejs/core/commit/295b5ec19b6a52c4a56652cc4d6e93a4ea7c14ed)),
closes
[#&#8203;12807](https://redirect.github.com/vuejs/core/issues/12807)
- **reactivity:** ensure multiple effectScope on() and off() calls
maintains correct active scope
([22dcbf3](https://redirect.github.com/vuejs/core/commit/22dcbf3e20eb84f69c8952f6f70d9990136a4a68)),
closes
[#&#8203;12631](https://redirect.github.com/vuejs/core/issues/12631)
[#&#8203;12632](https://redirect.github.com/vuejs/core/issues/12632)
[#&#8203;12641](https://redirect.github.com/vuejs/core/issues/12641)
- **reactivity:** should not recompute if computed does not track
reactive data
([#&#8203;12341](https://redirect.github.com/vuejs/core/issues/12341))
([0b23fd2](https://redirect.github.com/vuejs/core/commit/0b23fd23833cf085e7e112bf4435cfc9b360d072)),
closes
[#&#8203;12337](https://redirect.github.com/vuejs/core/issues/12337)
- **runtime-core:** stop tracking deps in setRef during unmount
([#&#8203;13210](https://redirect.github.com/vuejs/core/issues/13210))
([016c472](https://redirect.github.com/vuejs/core/commit/016c472bd2e7604b21c69dee1da8545ce26e4d2f))
- **runtime-core:** update \__vnode of static nodes when patching along
the optimized path
([#&#8203;13223](https://redirect.github.com/vuejs/core/issues/13223))
([b3ecee3](https://redirect.github.com/vuejs/core/commit/b3ecee3da8ed5c55dea89ce6b4b376b2b722b018))
- **runtime-core:** inherit comment nodes during block patch in
production build
([#&#8203;10748](https://redirect.github.com/vuejs/core/issues/10748))
([6264505](https://redirect.github.com/vuejs/core/commit/626450590d81f79117b34d2a73073b1dc8f551bd)),
closes
[#&#8203;10747](https://redirect.github.com/vuejs/core/issues/10747)
[#&#8203;12650](https://redirect.github.com/vuejs/core/issues/12650)
- **runtime-core:** prevent unmounted vnode from being inserted during
transition leave
([#&#8203;12862](https://redirect.github.com/vuejs/core/issues/12862))
([d6a6ec1](https://redirect.github.com/vuejs/core/commit/d6a6ec13ce521683bfb2a22932778ef7b51f8600)),
closes
[#&#8203;12860](https://redirect.github.com/vuejs/core/issues/12860)
- **runtime-core:** respect immutability for readonly reactive arrays in
`v-for`
([#&#8203;13091](https://redirect.github.com/vuejs/core/issues/13091))
([3f27c58](https://redirect.github.com/vuejs/core/commit/3f27c58ffbd4309df369bc89493fdc284dc540bb)),
closes
[#&#8203;13087](https://redirect.github.com/vuejs/core/issues/13087)
- **runtime-dom:** always treat autocorrect as attribute
([#&#8203;13001](https://redirect.github.com/vuejs/core/issues/13001))
([1499135](https://redirect.github.com/vuejs/core/commit/1499135c227236e037bb746beeb777941b0b58ff)),
closes
[#&#8203;5705](https://redirect.github.com/vuejs/core/issues/5705)
- **slots:** properly warn if slot invoked in setup
([#&#8203;12195](https://redirect.github.com/vuejs/core/issues/12195))
([9196222](https://redirect.github.com/vuejs/core/commit/9196222ae1d63b52b35ac5fbf5e71494587ccf05)),
closes
[#&#8203;12194](https://redirect.github.com/vuejs/core/issues/12194)
- **ssr:** properly init slots during ssr rendering
([#&#8203;12441](https://redirect.github.com/vuejs/core/issues/12441))
([2206cd2](https://redirect.github.com/vuejs/core/commit/2206cd235a1627c540e795e378b7564a55b47313)),
closes
[#&#8203;12438](https://redirect.github.com/vuejs/core/issues/12438)
- **transition:** fix KeepAlive with transition out-in mode behavior in
production
([#&#8203;12468](https://redirect.github.com/vuejs/core/issues/12468))
([343c891](https://redirect.github.com/vuejs/core/commit/343c89122448719bd6ed6bd9de986dfb2721d6bf)),
closes
[#&#8203;12465](https://redirect.github.com/vuejs/core/issues/12465)
- **TransitionGroup:** reset prevChildren to prevent memory leak
([#&#8203;13183](https://redirect.github.com/vuejs/core/issues/13183))
([8b848cb](https://redirect.github.com/vuejs/core/commit/8b848cbbd2af337d23e19e202f9ab433f8580855)),
closes
[#&#8203;13181](https://redirect.github.com/vuejs/core/issues/13181)
- **types:** allow return any for Options API lifecycle hooks
([#&#8203;5914](https://redirect.github.com/vuejs/core/issues/5914))
([06310e8](https://redirect.github.com/vuejs/core/commit/06310e82f5bed62d1b9733dcb18cd8d6edc988de))
- **types:** the directive's modifiers should be optional
([#&#8203;12605](https://redirect.github.com/vuejs/core/issues/12605))
([10e54dc](https://redirect.github.com/vuejs/core/commit/10e54dcc86a7967f3196d96200bcbd1d3d42082f))
- **typos:** fix comments referencing transformElement.ts
([#&#8203;12551](https://redirect.github.com/vuejs/core/issues/12551))\[ci-skip]
([11c053a](https://redirect.github.com/vuejs/core/commit/11c053a5429ad0d27a0e2c78b6b026ea00ace116))

##### Features

- **types:** add type TemplateRef
([#&#8203;12645](https://redirect.github.com/vuejs/core/issues/12645))
([636a861](https://redirect.github.com/vuejs/core/commit/636a8619f06c71dfd79f7f6412fd130c4f84226f))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/madcodelife/no-prerender-demo).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MC4xMS45IiwidXBkYXRlZEluVmVyIjoiNDAuMTEuOSIsInRhcmdldEJyYW5jaCI6Im1hc3RlciIsImxhYmVscyI6W119-->

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
shinGangan added a commit to shinGangan/nuxt-nuxtui-templates that referenced this issue May 16, 2025
This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
|
[vue](https://redirect.github.com/vuejs/core/tree/main/packages/vue#readme)
([source](https://redirect.github.com/vuejs/core)) | [`^3.5.13` ->
`^3.5.14`](https://renovatebot.com/diffs/npm/vue/3.5.13/3.5.14) |
[![age](https://developer.mend.io/api/mc/badges/age/npm/vue/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/vue/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/vue/3.5.13/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/vue/3.5.13/3.5.14?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>vuejs/core (vue)</summary>

###
[`v3.5.14`](https://redirect.github.com/vuejs/core/blob/HEAD/CHANGELOG.md#3514-2025-05-15)

[Compare
Source](https://redirect.github.com/vuejs/core/compare/v3.5.13...v3.5.14)

##### Bug Fixes

- **compat:** correct deprecation message for v-bind.sync usage
([#&#8203;13137](https://redirect.github.com/vuejs/core/issues/13137))
([466b30f](https://redirect.github.com/vuejs/core/commit/466b30f4049ec89fb282624ec17d1a93472ab93f)),
closes
[#&#8203;13133](https://redirect.github.com/vuejs/core/issues/13133)
- **compiler-core:** remove slot cache from parent renderCache during
unmounting
([#&#8203;13215](https://redirect.github.com/vuejs/core/issues/13215))
([5d166f3](https://redirect.github.com/vuejs/core/commit/5d166f3796a03a497435fc079c6a83a4e9c6cf52))
- **compiler-sfc:** fix scope handling for props destructure in function
parameters and catch clauses
([8e34357](https://redirect.github.com/vuejs/core/commit/8e3435779a667de485cf9efd78667d0ca14c5f84)),
closes
[#&#8203;12790](https://redirect.github.com/vuejs/core/issues/12790)
- **compiler-sfc:** treat the return value of `useTemplateRef` as a
definite ref
([#&#8203;13197](https://redirect.github.com/vuejs/core/issues/13197))
([8ae1122](https://redirect.github.com/vuejs/core/commit/8ae11226e8ee938615e17c7b81dc38ae3f7cefb9))
- **compiler:** fix spelling error in domTagConfig
([#&#8203;13043](https://redirect.github.com/vuejs/core/issues/13043))
([388295b](https://redirect.github.com/vuejs/core/commit/388295b27f3cc69eba25d325bbe60a36a3df831a))
- **customFormatter:** properly accessing ref value during debugger
([#&#8203;12948](https://redirect.github.com/vuejs/core/issues/12948))
([fdbd026](https://redirect.github.com/vuejs/core/commit/fdbd02658301dd794fe0c84f0018d080a07fca9f))
- **hmr/teleport:** adjust static children traversal for HMR in dev mode
([#&#8203;12819](https://redirect.github.com/vuejs/core/issues/12819))
([5e37dd0](https://redirect.github.com/vuejs/core/commit/5e37dd009562bcd8080a200c32abde2d6e4f0305)),
closes
[#&#8203;12816](https://redirect.github.com/vuejs/core/issues/12816)
- **hmr:** avoid hydration for hmr root reload
([#&#8203;12450](https://redirect.github.com/vuejs/core/issues/12450))
([1f98a9c](https://redirect.github.com/vuejs/core/commit/1f98a9c493d01c21befa90107f0593bc92a58932)),
closes
[vitejs/vite-plugin-vue#146](https://redirect.github.com/vitejs/vite-plugin-vue/issues/146)
[vitejs/vite-plugin-vue#477](https://redirect.github.com/vitejs/vite-plugin-vue/issues/477)
- **hmr:** avoid hydration for hmr updating
([#&#8203;12262](https://redirect.github.com/vuejs/core/issues/12262))
([9c4dbbc](https://redirect.github.com/vuejs/core/commit/9c4dbbc5185125835ad3e49baba303bd54676111)),
closes
[#&#8203;7706](https://redirect.github.com/vuejs/core/issues/7706)
[#&#8203;8170](https://redirect.github.com/vuejs/core/issues/8170)
- **reactivity:** ensure markRaw objects are not reactive
([#&#8203;12824](https://redirect.github.com/vuejs/core/issues/12824))
([295b5ec](https://redirect.github.com/vuejs/core/commit/295b5ec19b6a52c4a56652cc4d6e93a4ea7c14ed)),
closes
[#&#8203;12807](https://redirect.github.com/vuejs/core/issues/12807)
- **reactivity:** ensure multiple effectScope on() and off() calls
maintains correct active scope
([22dcbf3](https://redirect.github.com/vuejs/core/commit/22dcbf3e20eb84f69c8952f6f70d9990136a4a68)),
closes
[#&#8203;12631](https://redirect.github.com/vuejs/core/issues/12631)
[#&#8203;12632](https://redirect.github.com/vuejs/core/issues/12632)
[#&#8203;12641](https://redirect.github.com/vuejs/core/issues/12641)
- **reactivity:** should not recompute if computed does not track
reactive data
([#&#8203;12341](https://redirect.github.com/vuejs/core/issues/12341))
([0b23fd2](https://redirect.github.com/vuejs/core/commit/0b23fd23833cf085e7e112bf4435cfc9b360d072)),
closes
[#&#8203;12337](https://redirect.github.com/vuejs/core/issues/12337)
- **runtime-core:** stop tracking deps in setRef during unmount
([#&#8203;13210](https://redirect.github.com/vuejs/core/issues/13210))
([016c472](https://redirect.github.com/vuejs/core/commit/016c472bd2e7604b21c69dee1da8545ce26e4d2f))
- **runtime-core:** update \__vnode of static nodes when patching along
the optimized path
([#&#8203;13223](https://redirect.github.com/vuejs/core/issues/13223))
([b3ecee3](https://redirect.github.com/vuejs/core/commit/b3ecee3da8ed5c55dea89ce6b4b376b2b722b018))
- **runtime-core:** inherit comment nodes during block patch in
production build
([#&#8203;10748](https://redirect.github.com/vuejs/core/issues/10748))
([6264505](https://redirect.github.com/vuejs/core/commit/626450590d81f79117b34d2a73073b1dc8f551bd)),
closes
[#&#8203;10747](https://redirect.github.com/vuejs/core/issues/10747)
[#&#8203;12650](https://redirect.github.com/vuejs/core/issues/12650)
- **runtime-core:** prevent unmounted vnode from being inserted during
transition leave
([#&#8203;12862](https://redirect.github.com/vuejs/core/issues/12862))
([d6a6ec1](https://redirect.github.com/vuejs/core/commit/d6a6ec13ce521683bfb2a22932778ef7b51f8600)),
closes
[#&#8203;12860](https://redirect.github.com/vuejs/core/issues/12860)
- **runtime-core:** respect immutability for readonly reactive arrays in
`v-for`
([#&#8203;13091](https://redirect.github.com/vuejs/core/issues/13091))
([3f27c58](https://redirect.github.com/vuejs/core/commit/3f27c58ffbd4309df369bc89493fdc284dc540bb)),
closes
[#&#8203;13087](https://redirect.github.com/vuejs/core/issues/13087)
- **runtime-dom:** always treat autocorrect as attribute
([#&#8203;13001](https://redirect.github.com/vuejs/core/issues/13001))
([1499135](https://redirect.github.com/vuejs/core/commit/1499135c227236e037bb746beeb777941b0b58ff)),
closes
[#&#8203;5705](https://redirect.github.com/vuejs/core/issues/5705)
- **slots:** properly warn if slot invoked in setup
([#&#8203;12195](https://redirect.github.com/vuejs/core/issues/12195))
([9196222](https://redirect.github.com/vuejs/core/commit/9196222ae1d63b52b35ac5fbf5e71494587ccf05)),
closes
[#&#8203;12194](https://redirect.github.com/vuejs/core/issues/12194)
- **ssr:** properly init slots during ssr rendering
([#&#8203;12441](https://redirect.github.com/vuejs/core/issues/12441))
([2206cd2](https://redirect.github.com/vuejs/core/commit/2206cd235a1627c540e795e378b7564a55b47313)),
closes
[#&#8203;12438](https://redirect.github.com/vuejs/core/issues/12438)
- **transition:** fix KeepAlive with transition out-in mode behavior in
production
([#&#8203;12468](https://redirect.github.com/vuejs/core/issues/12468))
([343c891](https://redirect.github.com/vuejs/core/commit/343c89122448719bd6ed6bd9de986dfb2721d6bf)),
closes
[#&#8203;12465](https://redirect.github.com/vuejs/core/issues/12465)
- **TransitionGroup:** reset prevChildren to prevent memory leak
([#&#8203;13183](https://redirect.github.com/vuejs/core/issues/13183))
([8b848cb](https://redirect.github.com/vuejs/core/commit/8b848cbbd2af337d23e19e202f9ab433f8580855)),
closes
[#&#8203;13181](https://redirect.github.com/vuejs/core/issues/13181)
- **types:** allow return any for Options API lifecycle hooks
([#&#8203;5914](https://redirect.github.com/vuejs/core/issues/5914))
([06310e8](https://redirect.github.com/vuejs/core/commit/06310e82f5bed62d1b9733dcb18cd8d6edc988de))
- **types:** the directive's modifiers should be optional
([#&#8203;12605](https://redirect.github.com/vuejs/core/issues/12605))
([10e54dc](https://redirect.github.com/vuejs/core/commit/10e54dcc86a7967f3196d96200bcbd1d3d42082f))
- **typos:** f
6483
ix comments referencing transformElement.ts
([#&#8203;12551](https://redirect.github.com/vuejs/core/issues/12551))\[ci-skip]
([11c053a](https://redirect.github.com/vuejs/core/commit/11c053a5429ad0d27a0e2c78b6b026ea00ace116))

##### Features

- **types:** add type TemplateRef
([#&#8203;12645](https://redirect.github.com/vuejs/core/issues/12645))
([636a861](https://redirect.github.com/vuejs/core/commit/636a8619f06c71dfd79f7f6412fd130c4f84226f))

</details>

---

### Configuration

📅 **Schedule**: Branch creation - Between 12:00 AM and 03:59 AM, only on
Monday ( * 0-3 * * 1 ) in timezone Asia/Tokyo, Automerge - At any time
(no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/).
View the [repository job
log](https://developer.mend.io/github/shinGangan/nuxt-nuxtui-templates).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiI0MC4xMS4xOCIsInVwZGF0ZWRJblZlciI6IjQwLjExLjE4IiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyLwn6SWIHJlbm92YXRlIl19-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feat: hmr feat: ssr p3-minor-bug 🔨 An edge case that only affects very specific usage (priority)
Projects
None yet
Development

Successfully merging a pull request may close this issue.

7 participants
0