From f31b9397e156692500a4107b2989433c3975f215 Mon Sep 17 00:00:00 2001
From: fisker <lionkay@gmail.com>
Date: Tue, 25 Aug 2020 19:18:50 +0800
Subject: [PATCH 1/4] Add failed tests

---
 .../__snapshots__/jsfmt.spec.js.snap          | 69 +++++++++++++++++++
 tests/vue/with-plugins/with-src.vue           |  9 +++
 2 files changed, 78 insertions(+)
 create mode 100644 tests/vue/with-plugins/with-src.vue

diff --git a/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap b/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
index e5ba289f5936..c8c973635db5 100644
--- a/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
+++ b/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
@@ -235,3 +235,72 @@ printWidth: 80
 
 ================================================================================
 `;
+
+exports[`with-src.vue - {"embeddedLanguageFormatting":"off"} format 1`] = `
+====================================options=====================================
+embeddedLanguageFormatting: "off"
+parsers: ["vue"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"></template>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+
+=====================================output=====================================
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"></template>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<style lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<script lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks" />
+
+================================================================================
+`;
+
+exports[`with-src.vue format 1`] = `
+====================================options=====================================
+parsers: ["vue"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"></template>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+
+=====================================output=====================================
+<template lang="uppercase-rocks" src="foo.uppercase-rocks">
+
+</template>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks">
+
+</custom>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"
+
+/>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<script lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"
+
+/>
+
+================================================================================
+`;
diff --git a/tests/vue/with-plugins/with-src.vue b/tests/vue/with-plugins/with-src.vue
new file mode 100644
index 000000000000..785797de1eab
--- /dev/null
+++ b/tests/vue/with-plugins/with-src.vue
@@ -0,0 +1,9 @@
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"></template>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<style lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<script lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"/>

From d594b4a343e7ffc39d04148dba1071fb4786386c Mon Sep 17 00:00:00 2001
From: fisker <lionkay@gmail.com>
Date: Tue, 25 Aug 2020 19:29:49 +0800
Subject: [PATCH 2/4] Fix format

---
 src/language-html/utils.js                    |   2 +-
 .../__snapshots__/jsfmt.spec.js.snap          | 102 ++++++++++++++++--
 tests/vue/with-plugins/with-src.vue           |  20 ++++
 3 files changed, 115 insertions(+), 9 deletions(-)

diff --git a/src/language-html/utils.js b/src/language-html/utils.js
index 6424395ec916..52696cf58f11 100644
--- a/src/language-html/utils.js
+++ b/src/language-html/utils.js
@@ -428,7 +428,7 @@ function inferScriptParser(node, options) {
     return (
       _inferScriptParser(node) ||
       inferStyleParser(node) ||
-      getParserName(node.attrMap.lang, options)
+      (!node.attrMap.src && getParserName(node.attrMap.lang, options))
     );
   }
 }
diff --git a/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap b/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
index c8c973635db5..18bbcaec1d47 100644
--- a/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
+++ b/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
@@ -247,22 +247,61 @@ printWidth: 80
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+<template lang="uppercase-rocks" src></template>
+<template lang="uppercase-rocks" src=""></template>
+<template lang="uppercase-rocks" src>PrEtTiEr</template>
+<template lang="uppercase-rocks" src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" src>
+
+     </template>
+<template lang="uppercase-rocks" src="">
+
+     </template>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks">
+PrEtTiEr
+</template>
+
+
+<template lang="uppercase-rocks" :src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" @src="">PrEtTiEr</template>
 
 <template lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<custom lang="uppercase-rocks" src/>
+<template lang="uppercase-rocks" src=""/>
 
 =====================================output=====================================
 <template lang="uppercase-rocks" src="foo.uppercase-rocks"></template>
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+<template lang="uppercase-rocks" src></template>
+<template lang="uppercase-rocks" src=""></template>
+<template lang="uppercase-rocks" src>PrEtTiEr</template>
+<template lang="uppercase-rocks" src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" src>
+
+     </template>
+<template lang="uppercase-rocks" src="">
+
+     </template>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks">
+PrEtTiEr
+</template>
+
+<template lang="uppercase-rocks" :src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" @src="">PrEtTiEr</template>
 
 <template lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <style lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <script lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<custom lang="uppercase-rocks" src />
+<template lang="uppercase-rocks" src="" />
 
 ================================================================================
 `;
@@ -277,28 +316,75 @@ printWidth: 80
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+<template lang="uppercase-rocks" src></template>
+<template lang="uppercase-rocks" src=""></template>
+<template lang="uppercase-rocks" src>PrEtTiEr</template>
+<template lang="uppercase-rocks" src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" src>
+
+     </template>
+<template lang="uppercase-rocks" src="">
+
+     </template>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks">
+PrEtTiEr
+</template>
+
+
+<template lang="uppercase-rocks" :src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" @src="">PrEtTiEr</template>
 
 <template lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<custom lang="uppercase-rocks" src/>
+<template lang="uppercase-rocks" src=""/>
 
 =====================================output=====================================
-<template lang="uppercase-rocks" src="foo.uppercase-rocks">
-
-</template>
+<template lang="uppercase-rocks" src="foo.uppercase-rocks"></template>
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
-<custom lang="uppercase-rocks" src="foo.uppercase-rocks">
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+<template lang="uppercase-rocks" src>
 
-</custom>
+</template>
+<template lang="uppercase-rocks" src="">
 
-<template lang="uppercase-rocks" src="foo.uppercase-rocks"
+</template>
+<template lang="uppercase-rocks" src>
+PRETTIER
+</template>
+<template lang="uppercase-rocks" src="">
+PRETTIER
+</template>
+<template lang="uppercase-rocks" src>
 
-/>
+</template>
+<template lang="uppercase-rocks" src="">
+
+</template>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks">
+PrEtTiEr
+</template>
+
+<template lang="uppercase-rocks" :src="">
+PRETTIER
+</template>
+<template lang="uppercase-rocks" @src="">
+PRETTIER
+</template>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <style lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <script lang="uppercase-rocks" src="foo.uppercase-rocks" />
-<custom lang="uppercase-rocks" src="foo.uppercase-rocks"
+<custom lang="uppercase-rocks" src="foo.uppercase-rocks" />
+<custom lang="uppercase-rocks" src
+
+/>
+<template lang="uppercase-rocks" src=""
 
 />
 
diff --git a/tests/vue/with-plugins/with-src.vue b/tests/vue/with-plugins/with-src.vue
index 785797de1eab..209f53b95193 100644
--- a/tests/vue/with-plugins/with-src.vue
+++ b/tests/vue/with-plugins/with-src.vue
@@ -2,8 +2,28 @@
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+<template lang="uppercase-rocks" src></template>
+<template lang="uppercase-rocks" src=""></template>
+<template lang="uppercase-rocks" src>PrEtTiEr</template>
+<template lang="uppercase-rocks" src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" src>
+
+     </template>
+<template lang="uppercase-rocks" src="">
+
+     </template>
+
+<template lang="uppercase-rocks" src="foo.uppercase-rocks">
+PrEtTiEr
+</template>
+
+
+<template lang="uppercase-rocks" :src="">PrEtTiEr</template>
+<template lang="uppercase-rocks" @src="">PrEtTiEr</template>
 
 <template lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"/>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"/>
+<custom lang="uppercase-rocks" src/>
+<template lang="uppercase-rocks" src=""/>

From 09c8514ca7cdf2c866e02aa9ae590bdf6e1b435f Mon Sep 17 00:00:00 2001
From: fisker <lionkay@gmail.com>
Date: Tue, 25 Aug 2020 19:34:51 +0800
Subject: [PATCH 3/4] Add changlog

---
 changelog_unreleased/vue/pr-9052.md | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 changelog_unreleased/vue/pr-9052.md

diff --git a/changelog_unreleased/vue/pr-9052.md b/changelog_unreleased/vue/pr-9052.md
new file mode 100644
index 000000000000..06cbc594b4f9
--- /dev/null
+++ b/changelog_unreleased/vue/pr-9052.md
@@ -0,0 +1,20 @@
+#### Fix format blocks with `src` attribute ([#9052](https://github.com/prettier/prettier/pull/9052) by [@fisker](https://github.com/fisker))
+
+<!-- prettier-ignore -->
+```vue
+<!-- Input -->
+<custom lang="markdown" src="./foo.md"></custom>
+<custom lang="markdown" src="./foo.md" />
+
+<!-- Prettier stable -->
+<custom lang="markdown" src="./foo.md">
+
+</custom>
+<custom lang="markdown" src="./foo.md"
+
+/>
+
+<!-- Prettier master -->
+<custom lang="markdown" src="./foo.md"></custom>
+<custom lang="markdown" src="./foo.md" />
+```

From 21187d5f5027b7382085b086b6c938ebb1639db0 Mon Sep 17 00:00:00 2001
From: fisker <lionkay@gmail.com>
Date: Tue, 25 Aug 2020 19:42:04 +0800
Subject: [PATCH 4/4] Use `in`

---
 src/language-html/utils.js                    |  2 +-
 .../__snapshots__/jsfmt.spec.js.snap          | 28 ++++++-------------
 2 files changed, 9 insertions(+), 21 deletions(-)

diff --git a/src/language-html/utils.js b/src/language-html/utils.js
index 52696cf58f11..cd6540c7a4fd 100644
--- a/src/language-html/utils.js
+++ b/src/language-html/utils.js
@@ -428,7 +428,7 @@ function inferScriptParser(node, options) {
     return (
       _inferScriptParser(node) ||
       inferStyleParser(node) ||
-      (!node.attrMap.src && getParserName(node.attrMap.lang, options))
+      (!("src" in node.attrMap) && getParserName(node.attrMap.lang, options))
     );
   }
 }
diff --git a/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap b/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
index 18bbcaec1d47..052853295780 100644
--- a/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
+++ b/tests/vue/with-plugins/__snapshots__/jsfmt.spec.js.snap
@@ -347,24 +347,16 @@ PrEtTiEr
 <style lang="uppercase-rocks" src="foo.uppercase-rocks"></style>
 <script lang="uppercase-rocks" src="foo.uppercase-rocks"></script>
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks"></custom>
+<template lang="uppercase-rocks" src></template>
+<template lang="uppercase-rocks" src=""></template>
+<template lang="uppercase-rocks" src>PrEtTiEr</template>
+<template lang="uppercase-rocks" src="">PrEtTiEr</template>
 <template lang="uppercase-rocks" src>
 
-</template>
-<template lang="uppercase-rocks" src="">
-
-</template>
-<template lang="uppercase-rocks" src>
-PRETTIER
-</template>
-<template lang="uppercase-rocks" src="">
-PRETTIER
-</template>
-<template lang="uppercase-rocks" src>
-
-</template>
+     </template>
 <template lang="uppercase-rocks" src="">
 
-</template>
+     </template>
 
 <template lang="uppercase-rocks" src="foo.uppercase-rocks">
 PrEtTiEr
@@ -381,12 +373,8 @@ PRETTIER
 <style lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <script lang="uppercase-rocks" src="foo.uppercase-rocks" />
 <custom lang="uppercase-rocks" src="foo.uppercase-rocks" />
-<custom lang="uppercase-rocks" src
-
-/>
-<template lang="uppercase-rocks" src=""
-
-/>
+<custom lang="uppercase-rocks" src />
+<template lang="uppercase-rocks" src="" />
 
 ================================================================================
 `;