Fix self-closing style tags in vue (#4108)

prettier · Mar 6, 2018 · f6f6f2e · f6f6f2e
2 parents 8ab09cc + 550904d
commit f6f6f2e
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 1 deletion.
diff --git a/src/language-vue/embed.js b/src/language-vue/embed.js
@@ -7,7 +7,7 @@ const hardline = docBuilders.hardline;
 function embed(path, print, textToDoc, options) {
   const node = path.getValue();
   const parent = path.getParentNode();
-  if (!parent || parent.tag !== "root") {
+  if (!parent || parent.tag !== "root" || node.unary) {
     return null;
   }
 

diff --git a/tests/vue_examples/__snapshots__/jsfmt.spec.js.snap b/tests/vue_examples/__snapshots__/jsfmt.spec.js.snap
@@ -340,6 +340,36 @@ foo();
 
 `;
 
+exports[`self_closing_style.vue 1`] = `
+<template>
+  <span :class="$style.root"><slot /></span>
+</template>
+
+<style src="./style.css" module />
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+<template>
+  <span :class="$style.root"><slot /></span>
+</template>
+
+<style src="./style.css" module />
+
+`;
+
+exports[`self_closing_style.vue 2`] = `
+<template>
+  <span :class="$style.root"><slot /></span>
+</template>
+
+<style src="./style.css" module />
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+<template>
+  <span :class="$style.root"><slot /></span>
+</template>
+
+<style src="./style.css" module />
+
+`;
+
 exports[`test.vue 1`] = `
 <script>
 </script>

diff --git a/tests/vue_examples/self_closing_style.vue b/tests/vue_examples/self_closing_style.vue
@@ -0,0 +1,5 @@
+<template>
+  <span :class="$style.root"><slot /></span>
+</template>
+
+<style src="./style.css" module />