fix: double quotes not allowed in attribute value

close #2250
vuejs · Dec 25, 2022 · bf32696 · bf32696
1 parent 6310e81
commit bf32696
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/vue-language-tools/vue-language-core/src/generators/template.ts b/vue-language-tools/vue-language-core/src/generators/template.ts
@@ -1192,7 +1192,8 @@ export function generate(
 			}
 		}
 		function writeAttrValue(attrNode: CompilerDOM.TextNode) {
-			codeGen.push('"');
+			const char = attrNode.loc.source.startsWith("'") ? "'" : '"';
+			codeGen.push(char);
 			let start = attrNode.loc.start.offset;
 			let end = attrNode.loc.end.offset;
 			let content = attrNode.loc.source;
@@ -1210,7 +1211,7 @@ export function generate(
 				[start, end],
 				getCaps(capabilitiesSet.all),
 			]);
-			codeGen.push('"');
+			codeGen.push(char);
 		}
 	}
 	function writeInlineCss(node: CompilerDOM.ElementNode) {

diff --git a/vue-language-tools/vue-test-workspace/vue-tsc/#2250/main.vue b/vue-language-tools/vue-test-workspace/vue-tsc/#2250/main.vue
@@ -0,0 +1,5 @@
+<template>
+  <input type="text" placeholder='Example: "something"'>
+  <input type="text" placeholder="Example: 'something'">
+  <input type="text" placeholder=Example:something>
+</template>