refactor(plugin-vue-jsx): improve the readability (#289)

TimZhang2090 · sxzz · web-flow · commit a13cfbd58515 · 2023-11-16T19:27:39.000+08:00
Co-authored-by: 三咲智子 Kevin Deng &lt;sxzz@sxzz.moe&gt;
diff --git a/packages/plugin-vue-jsx/src/index.ts b/packages/plugin-vue-jsx/src/index.ts
@@ -222,10 +222,11 @@ function vueJsxPlugin(options: Options = {}): Plugin {
               callbackCode += `\n__VUE_HMR_RUNTIME__.reload("${id}", __${exported})`
             }
 
-            code += `\nimport.meta.hot.accept(({${hotComponents
+            const newCompNames = hotComponents
               .map((c) => `${c.exported}: __${c.exported}`)
-              .join(',')}}) => {${callbackCode}\n})`
+              .join(',')
 
+            code += `\nimport.meta.hot.accept(({${newCompNames}}) => {${callbackCode}\n})`
             result.code = code
           }
 

Original file line number	Diff line number	Diff line change
`@@ -222,10 +222,11 @@ function vueJsxPlugin(options: Options = {}): Plugin {`
`222`	`222`	callbackCode += `\n__VUE_HMR_RUNTIME__.reload("${id}", __${exported})`
`223`	`223`	`}`
`224`	`224`
`225`		- code += `\nimport.meta.hot.accept(({${hotComponents
	`225`	`+ const newCompNames = hotComponents`
`226`	`226`	.map((c) => `${c.exported}: __${c.exported}`)
`227`		- .join(',')}}) => {${callbackCode}\n})`
	`227`	`+ .join(',')`
`228`	`228`
	`229`	+ code += `\nimport.meta.hot.accept(({${newCompNames}}) => {${callbackCode}\n})`
`229`	`230`	`result.code = code`
`230`	`231`	`}`
`231`	`232`