HMR is not working when import a WebComponent

[ricardo17coelho]

Describe the bug

If i import a webcomponent in my app like this:

import '@package/webcomponent'

vite config

      template: {
        compilerOptions: {
          isCustomElement: (tag) => tag === 'webcomponent',
        },
        transformAssetUrls,
      },

in the console i see this log:

vite] hot updated: /src/components/products/ProductCardHero.vue

But nothing changes in the UI.
I need to full reload the page to see the changes.

Reproduction

https://stackblitz.com/edit/vite-6sy6zhbh?file=src%2FApp.vue

Steps to reproduce

No response

System Info

"vue": "3.5.18",
    "vite": "7.0.6",
    "vuetify": "3.9.4"

Used Package Manager

yarn

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.