fix: HMR not working correctly with vue-class-component components (#1897)

rstoenescu · web-flow · commit 76b1448eb227 · 2021-11-04T22:00:55.000+08:00
diff --git a/src/exportHelper.ts b/src/exportHelper.ts
@@ -1,8 +1,9 @@
 // runtime helper for setting properties on components
 // in a tree-shakable way
 export default (sfc: any, props: [string, string][]) => {
+  const target = sfc.__vccOpts || sfc
   for (const [key, val] of props) {
-    sfc[key] = val
+    target[key] = val
   }
-  return sfc
+  return target
 }

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,9 @@`
`1`	`1`	`// runtime helper for setting properties on components`
`2`	`2`	`// in a tree-shakable way`
`3`	`3`	`export default (sfc: any, props: [string, string][]) => {`
	`4`	`+ const target = sfc.__vccOpts \|\| sfc`
`4`	`5`	`for (const [key, val] of props) {`
`5`		`- sfc[key] = val`
	`6`	`+ target[key] = val`
`6`	`7`	`}`
`7`		`- return sfc`
	`8`	`+ return target`
`8`	`9`	`}`