fix(plugin-vue): trigger css hmr on custom template languages (#6987)

sibbng · patak-dev · web-flow · commit 4980eddb097f · 2022-05-13T11:57:41.000+08:00
Co-authored-by: patak &lt;matias.capeletto@gmail.com&gt;
diff --git a/packages/plugin-vue/src/handleHotUpdate.ts b/packages/plugin-vue/src/handleHotUpdate.ts
@@ -146,6 +146,11 @@ export async function handleHotUpdate(
     // template is inlined into main, add main module instead
     if (!templateModule) {
       affectedModules.add(mainModule)
+    } else if (mainModule && !affectedModules.has(mainModule)) {
+      const styleImporters = [...mainModule.importers].filter((m) =>
+        /\.css($|\?)/.test(m.url)
+      )
+      styleImporters.forEach((m) => affectedModules.add(m))
     }
   }
   if (didUpdateStyle) {

Original file line number	Diff line number	Diff line change
`@@ -146,6 +146,11 @@ export async function handleHotUpdate(`
`146`	`146`	`// template is inlined into main, add main module instead`
`147`	`147`	`if (!templateModule) {`
`148`	`148`	`affectedModules.add(mainModule)`
	`149`	`+ } else if (mainModule && !affectedModules.has(mainModule)) {`
	`150`	`+ const styleImporters = [...mainModule.importers].filter((m) =>`
	`151`	`+ /\.css($\|\?)/.test(m.url)`
	`152`	`+ )`
	`153`	`+ styleImporters.forEach((m) => affectedModules.add(m))`
`149`	`154`	`}`
`150`	`155`	`}`
`151`	`156`	`if (didUpdateStyle) {`