From 4a8b94357bab2d675e321a843b412aa620be8bb8 Mon Sep 17 00:00:00 2001
From: Luke Shumaker <lukeshu@lukeshu.com>
Date: Sat, 7 Jul 2018 01:05:24 -0400
Subject: [PATCH] Allow xmlns= on <template> elements

 - Vue components are based on HTML5 custom elements.  However, HTML5
   custom elements are required to be in the HTML namespace.  This is not a
   requirement shared by Vue components.  Vue itself doesn't care about the
   namespace of the elements that it is rendering (which will be determined
   at runtime based on the namespace of the parent element where it's being
   inserted).  Therefore, it is desirable to communicate to linters and
   other tools what the intended namespace of a top-level <template> in an
   SFC is.

   See: https://html.spec.whatwg.org/multipage/custom-elements.html#look-up-a-custom-element-definition

 - Vue slots are based on HTML5 slots.  However, because of the above
   limitation that HTML5 custom elements are always in the HTML5 namespace,
   the slots contained in them are also always in the HTML5 namespace.
   Because of Vue's flexibility on this, a Vue <slot> may appear in any
   namespace; content being rendered into a slot may end up in a different
   namespace than the namespace where it was parsed.  Therefore, it is
   desirable to communicate to linters and other tools what the indented
   namespace is of content that will be rendered in a slot.

From these two observations, it would be useful to set xmlns= on:

 1. top-level <template> elements, and
 2. elements appearing in a slot.

The first is easy, but #2 has some concerns:

 - It's relatively difficult to determine when we're appearing in a slot.
   We could try checking for the slot= attribute, but that would miss cases
   where we use the default slot.
 - Because the xmlns= attribute on the resulting element would be invalid
   in HTML5 (in the cases where this is useful, anyway), we can't set it on
   normal elements anyway.

So, mostly because of the second reason, let's just say that to inform
linters about a change in namespace because of a slot, the contents must
be wrapped in a <template> to safely set xmlns= in a place that will be
ignored at runtime.  So now we've revised that to allowing xmlns= on:

 1. top-level <template> elements, and
 2. <template> elements appearing in a slot.

Let's just make things simple and allow it for all <template> elements.
This means we'll be slightly too lax, and allow it on <template v-if="...">
constructs, but I'm OK with that.

As for which namespaces to consider valid, let's limit that to HTML, SVG,
and MathML, as those are the namespaces that are allowed in an HTML5
document.
---
 src/html/parser.ts                            |   17 +-
 test/fixtures/ast/svg-namespace/ast.json      | 1403 +++++++++++++++++
 test/fixtures/ast/svg-namespace/source.vue    |    9 +
 .../ast/svg-namespace/token-ranges.json       |   48 +
 test/fixtures/ast/svg-namespace/tree.json     |  120 ++
 5 files changed, 1596 insertions(+), 1 deletion(-)
 create mode 100644 test/fixtures/ast/svg-namespace/ast.json
 create mode 100644 test/fixtures/ast/svg-namespace/source.vue
 create mode 100644 test/fixtures/ast/svg-namespace/token-ranges.json
 create mode 100644 test/fixtures/ast/svg-namespace/tree.json

diff --git a/src/html/parser.ts b/src/html/parser.ts
index 2eefcdbd..5d7339ca 100644
--- a/src/html/parser.ts
+++ b/src/html/parser.ts
@@ -410,7 +410,22 @@ export class Parser {
         this.closeCurrentElementIfNecessary(token.name)
 
         const parent = this.currentNode
-        const namespace = this.detectNamespace(token.name)
+        let namespace = this.detectNamespace(token.name)
+        if (token.name === "template") {
+            for (const attribute of token.attributes) {
+                if (attribute.key.name !== "xmlns") {
+                    continue
+                }
+                const value = attribute.value && attribute.value.value
+                if (
+                    value === NS.HTML ||
+                    value === NS.MathML ||
+                    value === NS.SVG
+                ) {
+                    namespace = value
+                }
+            }
+        }
         const element: VElement = {
             type: "VElement",
             range: [token.range[0], token.range[1]],
diff --git a/test/fixtures/ast/svg-namespace/ast.json b/test/fixtures/ast/svg-namespace/ast.json
new file mode 100644
index 00000000..3e6cc6ed
--- /dev/null
+++ b/test/fixtures/ast/svg-namespace/ast.json
@@ -0,0 +1,1403 @@
+{
+    "type": "Program",
+    "start": 149,
+    "end": 170,
+    "loc": {
+        "start": {
+            "line": 8,
+            "column": 0
+        },
+        "end": {
+            "line": 8,
+            "column": 19
+        }
+    },
+    "range": [
+        150,
+        169
+    ],
+    "body": [
+        {
+            "type": "ExpressionStatement",
+            "start": 150,
+            "end": 169,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 0
+                },
+                "end": {
+                    "line": 8,
+                    "column": 19
+                }
+            },
+            "range": [
+                150,
+                169
+            ],
+            "expression": {
+                "type": "AssignmentExpression",
+                "start": 150,
+                "end": 169,
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 19
+                    }
+                },
+                "range": [
+                    150,
+                    169
+                ],
+                "operator": "=",
+                "left": {
+                    "type": "MemberExpression",
+                    "start": 150,
+                    "end": 164,
+                    "loc": {
+                        "start": {
+                            "line": 8,
+                            "column": 0
+                        },
+                        "end": {
+                            "line": 8,
+                            "column": 14
+                        }
+                    },
+                    "range": [
+                        150,
+                        164
+                    ],
+                    "object": {
+                        "type": "Identifier",
+                        "start": 150,
+                        "end": 156,
+                        "loc": {
+                            "start": {
+                                "line": 8,
+                                "column": 0
+                            },
+                            "end": {
+                                "line": 8,
+                                "column": 6
+                            }
+                        },
+                        "range": [
+                            150,
+                            156
+                        ],
+                        "name": "module"
+                    },
+                    "property": {
+                        "type": "Identifier",
+                        "start": 157,
+                        "end": 164,
+                        "loc": {
+                            "start": {
+                                "line": 8,
+                                "column": 7
+                            },
+                            "end": {
+                                "line": 8,
+                                "column": 14
+                            }
+                        },
+                        "range": [
+                            157,
+                            164
+                        ],
+                        "name": "exports"
+                    },
+                    "computed": false
+                },
+                "right": {
+                    "type": "ObjectExpression",
+                    "start": 167,
+                    "end": 169,
+                    "loc": {
+                        "start": {
+                            "line": 8,
+                            "column": 17
+                        },
+                        "end": {
+                            "line": 8,
+                            "column": 19
+                        }
+                    },
+                    "range": [
+                        167,
+                        169
+                    ],
+                    "properties": []
+                }
+            }
+        }
+    ],
+    "sourceType": "script",
+    "comments": [],
+    "tokens": [
+        {
+            "type": "Punctuator",
+            "range": [
+                141,
+                149
+            ],
+            "loc": {
+                "start": {
+                    "line": 7,
+                    "column": 0
+                },
+                "end": {
+                    "line": 7,
+                    "column": 8
+                }
+            },
+            "value": "<script>"
+        },
+        {
+            "type": "Identifier",
+            "value": "module",
+            "start": 150,
+            "end": 156,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 0
+                },
+                "end": {
+                    "line": 8,
+                    "column": 6
+                }
+            },
+            "range": [
+                150,
+                156
+            ]
+        },
+        {
+            "type": "Punctuator",
+            "value": ".",
+            "start": 156,
+            "end": 157,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 6
+                },
+                "end": {
+                    "line": 8,
+                    "column": 7
+                }
+            },
+            "range": [
+                156,
+                157
+            ]
+        },
+        {
+            "type": "Identifier",
+            "value": "exports",
+            "start": 157,
+            "end": 164,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 7
+                },
+                "end": {
+                    "line": 8,
+                    "column": 14
+                }
+            },
+            "range": [
+                157,
+                164
+            ]
+        },
+        {
+            "type": "Punctuator",
+            "value": "=",
+            "start": 165,
+            "end": 166,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 15
+                },
+                "end": {
+                    "line": 8,
+                    "column": 16
+                }
+            },
+            "range": [
+                165,
+                166
+            ]
+        },
+        {
+            "type": "Punctuator",
+            "value": "{",
+            "start": 167,
+            "end": 168,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 17
+                },
+                "end": {
+                    "line": 8,
+                    "column": 18
+                }
+            },
+            "range": [
+                167,
+                168
+            ]
+        },
+        {
+            "type": "Punctuator",
+            "value": "}",
+            "start": 168,
+            "end": 169,
+            "loc": {
+                "start": {
+                    "line": 8,
+                    "column": 18
+                },
+                "end": {
+                    "line": 8,
+                    "column": 19
+                }
+            },
+            "range": [
+                168,
+                169
+            ]
+        },
+        {
+            "type": "Punctuator",
+            "range": [
+                170,
+                179
+            ],
+            "loc": {
+                "start": {
+                    "line": 9,
+                    "column": 0
+                },
+                "end": {
+                    "line": 9,
+                    "column": 9
+                }
+            },
+            "value": "</script>"
+        }
+    ],
+    "templateBody": {
+        "type": "VElement",
+        "range": [
+            0,
+            139
+        ],
+        "loc": {
+            "start": {
+                "line": 1,
+                "column": 0
+            },
+            "end": {
+                "line": 5,
+                "column": 11
+            }
+        },
+        "name": "template",
+        "rawName": "template",
+        "namespace": "http://www.w3.org/2000/svg",
+        "startTag": {
+            "type": "VStartTag",
+            "range": [
+                0,
+                45
+            ],
+            "loc": {
+                "start": {
+                    "line": 1,
+                    "column": 0
+                },
+                "end": {
+                    "line": 1,
+                    "column": 45
+                }
+            },
+            "selfClosing": false,
+            "attributes": [
+                {
+                    "type": "VAttribute",
+                    "range": [
+                        10,
+                        44
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 1,
+                            "column": 10
+                        },
+                        "end": {
+                            "line": 1,
+                            "column": 44
+                        }
+                    },
+                    "directive": false,
+                    "key": {
+                        "type": "VIdentifier",
+                        "range": [
+                            10,
+                            15
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 1,
+                                "column": 10
+                            },
+                            "end": {
+                                "line": 1,
+                                "column": 15
+                            }
+                        },
+                        "name": "xmlns",
+                        "rawName": "xmlns"
+                    },
+                    "value": {
+                        "type": "VLiteral",
+                        "range": [
+                            16,
+                            44
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 1,
+                                "column": 16
+                            },
+                            "end": {
+                                "line": 1,
+                                "column": 44
+                            }
+                        },
+                        "value": "http://www.w3.org/2000/svg"
+                    }
+                }
+            ]
+        },
+        "children": [
+            {
+                "type": "VText",
+                "range": [
+                    45,
+                    50
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 45
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "VElement",
+                "range": [
+                    50,
+                    127
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 11
+                    }
+                },
+                "name": "defs",
+                "rawName": "defs",
+                "namespace": "http://www.w3.org/2000/svg",
+                "startTag": {
+                    "type": "VStartTag",
+                    "range": [
+                        50,
+                        56
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 2,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 2,
+                            "column": 10
+                        }
+                    },
+                    "selfClosing": false,
+                    "attributes": []
+                },
+                "children": [
+                    {
+                        "type": "VText",
+                        "range": [
+                            56,
+                            65
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 2,
+                                "column": 10
+                            },
+                            "end": {
+                                "line": 3,
+                                "column": 8
+                            }
+                        },
+                        "value": "\n        "
+                    },
+                    {
+                        "type": "VElement",
+                        "range": [
+                            65,
+                            115
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 3,
+                                "column": 8
+                            },
+                            "end": {
+                                "line": 3,
+                                "column": 58
+                            }
+                        },
+                        "name": "pattern",
+                        "rawName": "pattern",
+                        "namespace": "http://www.w3.org/2000/svg",
+                        "startTag": {
+                            "type": "VStartTag",
+                            "range": [
+                                65,
+                                105
+                            ],
+                            "loc": {
+                                "start": {
+                                    "line": 3,
+                                    "column": 8
+                                },
+                                "end": {
+                                    "line": 3,
+                                    "column": 48
+                                }
+                            },
+                            "selfClosing": false,
+                            "attributes": [
+                                {
+                                    "type": "VAttribute",
+                                    "range": [
+                                        74,
+                                        82
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "line": 3,
+                                            "column": 17
+                                        },
+                                        "end": {
+                                            "line": 3,
+                                            "column": 25
+                                        }
+                                    },
+                                    "directive": false,
+                                    "key": {
+                                        "type": "VIdentifier",
+                                        "range": [
+                                            74,
+                                            76
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 3,
+                                                "column": 17
+                                            },
+                                            "end": {
+                                                "line": 3,
+                                                "column": 19
+                                            }
+                                        },
+                                        "name": "id",
+                                        "rawName": "id"
+                                    },
+                                    "value": {
+                                        "type": "VLiteral",
+                                        "range": [
+                                            77,
+                                            82
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 3,
+                                                "column": 20
+                                            },
+                                            "end": {
+                                                "line": 3,
+                                                "column": 25
+                                            }
+                                        },
+                                        "value": "pat"
+                                    }
+                                },
+                                {
+                                    "type": "VAttribute",
+                                    "range": [
+                                        83,
+                                        104
+                                    ],
+                                    "loc": {
+                                        "start": {
+                                            "line": 3,
+                                            "column": 26
+                                        },
+                                        "end": {
+                                            "line": 3,
+                                            "column": 47
+                                        }
+                                    },
+                                    "directive": false,
+                                    "key": {
+                                        "type": "VIdentifier",
+                                        "range": [
+                                            83,
+                                            90
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 3,
+                                                "column": 26
+                                            },
+                                            "end": {
+                                                "line": 3,
+                                                "column": 33
+                                            }
+                                        },
+                                        "name": "viewBox",
+                                        "rawName": "viewBox"
+                                    },
+                                    "value": {
+                                        "type": "VLiteral",
+                                        "range": [
+                                            91,
+                                            104
+                                        ],
+                                        "loc": {
+                                            "start": {
+                                                "line": 3,
+                                                "column": 34
+                                            },
+                                            "end": {
+                                                "line": 3,
+                                                "column": 47
+                                            }
+                                        },
+                                        "value": "0 0 100 100"
+                                    }
+                                }
+                            ]
+                        },
+                        "children": [],
+                        "endTag": {
+                            "type": "VEndTag",
+                            "range": [
+                                105,
+                                115
+                            ],
+                            "loc": {
+                                "start": {
+                                    "line": 3,
+                                    "column": 48
+                                },
+                                "end": {
+                                    "line": 3,
+                                    "column": 58
+                                }
+                            }
+                        },
+                        "variables": []
+                    },
+                    {
+                        "type": "VText",
+                        "range": [
+                            115,
+                            120
+                        ],
+                        "loc": {
+                            "start": {
+                                "line": 3,
+                                "column": 58
+                            },
+                            "end": {
+                                "line": 4,
+                                "column": 4
+                            }
+                        },
+                        "value": "\n    "
+                    }
+                ],
+                "endTag": {
+                    "type": "VEndTag",
+                    "range": [
+                        120,
+                        127
+                    ],
+                    "loc": {
+                        "start": {
+                            "line": 4,
+                            "column": 4
+                        },
+                        "end": {
+                            "line": 4,
+                            "column": 11
+                        }
+                    }
+                },
+                "variables": []
+            },
+            {
+                "type": "VText",
+                "range": [
+                    127,
+                    128
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 5,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "endTag": {
+            "type": "VEndTag",
+            "range": [
+                128,
+                139
+            ],
+            "loc": {
+                "start": {
+                    "line": 5,
+                    "column": 0
+                },
+                "end": {
+                    "line": 5,
+                    "column": 11
+                }
+            }
+        },
+        "variables": [],
+        "tokens": [
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    0,
+                    9
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 9
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLIdentifier",
+                "range": [
+                    10,
+                    15
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 15
+                    }
+                },
+                "value": "xmlns"
+            },
+            {
+                "type": "HTMLAssociation",
+                "range": [
+                    15,
+                    16
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 15
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 16
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLLiteral",
+                "range": [
+                    16,
+                    44
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 16
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 44
+                    }
+                },
+                "value": "http://www.w3.org/2000/svg"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    44,
+                    45
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 44
+                    },
+                    "end": {
+                        "line": 1,
+                        "column": 45
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    45,
+                    50
+                ],
+                "loc": {
+                    "start": {
+                        "line": 1,
+                        "column": 45
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    50,
+                    55
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 9
+                    }
+                },
+                "value": "defs"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    55,
+                    56
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 2,
+                        "column": 10
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    56,
+                    65
+                ],
+                "loc": {
+                    "start": {
+                        "line": 2,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 8
+                    }
+                },
+                "value": "\n        "
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    65,
+                    73
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 16
+                    }
+                },
+                "value": "pattern"
+            },
+            {
+                "type": "HTMLIdentifier",
+                "range": [
+                    74,
+                    76
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 17
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 19
+                    }
+                },
+                "value": "id"
+            },
+            {
+                "type": "HTMLAssociation",
+                "range": [
+                    76,
+                    77
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 19
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 20
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLLiteral",
+                "range": [
+                    77,
+                    82
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 20
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 25
+                    }
+                },
+                "value": "pat"
+            },
+            {
+                "type": "HTMLIdentifier",
+                "range": [
+                    83,
+                    90
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 26
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 33
+                    }
+                },
+                "value": "viewbox"
+            },
+            {
+                "type": "HTMLAssociation",
+                "range": [
+                    90,
+                    91
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 33
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 34
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLLiteral",
+                "range": [
+                    91,
+                    104
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 34
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 47
+                    }
+                },
+                "value": "0 0 100 100"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    104,
+                    105
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 47
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 48
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    105,
+                    114
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 48
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 57
+                    }
+                },
+                "value": "pattern"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    114,
+                    115
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 57
+                    },
+                    "end": {
+                        "line": 3,
+                        "column": 58
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    115,
+                    120
+                ],
+                "loc": {
+                    "start": {
+                        "line": 3,
+                        "column": 58
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 4
+                    }
+                },
+                "value": "\n    "
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    120,
+                    126
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 4
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 10
+                    }
+                },
+                "value": "defs"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    126,
+                    127
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 4,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    127,
+                    128
+                ],
+                "loc": {
+                    "start": {
+                        "line": 4,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 5,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    128,
+                    138
+                ],
+                "loc": {
+                    "start": {
+                        "line": 5,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 5,
+                        "column": 10
+                    }
+                },
+                "value": "template"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    138,
+                    139
+                ],
+                "loc": {
+                    "start": {
+                        "line": 5,
+                        "column": 10
+                    },
+                    "end": {
+                        "line": 5,
+                        "column": 11
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    139,
+                    141
+                ],
+                "loc": {
+                    "start": {
+                        "line": 5,
+                        "column": 11
+                    },
+                    "end": {
+                        "line": 7,
+                        "column": 0
+                    }
+                },
+                "value": "\n\n"
+            },
+            {
+                "type": "HTMLTagOpen",
+                "range": [
+                    141,
+                    148
+                ],
+                "loc": {
+                    "start": {
+                        "line": 7,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 7,
+                        "column": 7
+                    }
+                },
+                "value": "script"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    148,
+                    149
+                ],
+                "loc": {
+                    "start": {
+                        "line": 7,
+                        "column": 7
+                    },
+                    "end": {
+                        "line": 7,
+                        "column": 8
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    149,
+                    150
+                ],
+                "loc": {
+                    "start": {
+                        "line": 7,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLRawText",
+                "range": [
+                    150,
+                    164
+                ],
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 14
+                    }
+                },
+                "value": "module.exports"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    164,
+                    165
+                ],
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 14
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 15
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLRawText",
+                "range": [
+                    165,
+                    166
+                ],
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 15
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 16
+                    }
+                },
+                "value": "="
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    166,
+                    167
+                ],
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 16
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 17
+                    }
+                },
+                "value": " "
+            },
+            {
+                "type": "HTMLRawText",
+                "range": [
+                    167,
+                    169
+                ],
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 17
+                    },
+                    "end": {
+                        "line": 8,
+                        "column": 19
+                    }
+                },
+                "value": "{}"
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    169,
+                    170
+                ],
+                "loc": {
+                    "start": {
+                        "line": 8,
+                        "column": 19
+                    },
+                    "end": {
+                        "line": 9,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            },
+            {
+                "type": "HTMLEndTagOpen",
+                "range": [
+                    170,
+                    178
+                ],
+                "loc": {
+                    "start": {
+                        "line": 9,
+                        "column": 0
+                    },
+                    "end": {
+                        "line": 9,
+                        "column": 8
+                    }
+                },
+                "value": "script"
+            },
+            {
+                "type": "HTMLTagClose",
+                "range": [
+                    178,
+                    179
+                ],
+                "loc": {
+                    "start": {
+                        "line": 9,
+                        "column": 8
+                    },
+                    "end": {
+                        "line": 9,
+                        "column": 9
+                    }
+                },
+                "value": ""
+            },
+            {
+                "type": "HTMLWhitespace",
+                "range": [
+                    179,
+                    180
+                ],
+                "loc": {
+                    "start": {
+                        "line": 9,
+                        "column": 9
+                    },
+                    "end": {
+                        "line": 10,
+                        "column": 0
+                    }
+                },
+                "value": "\n"
+            }
+        ],
+        "comments": [],
+        "errors": []
+    }
+}
\ No newline at end of file
diff --git a/test/fixtures/ast/svg-namespace/source.vue b/test/fixtures/ast/svg-namespace/source.vue
new file mode 100644
index 00000000..f88c5f91
--- /dev/null
+++ b/test/fixtures/ast/svg-namespace/source.vue
@@ -0,0 +1,9 @@
+<template xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <pattern id="pat" viewBox="0 0 100 100"></pattern>
+    </defs>
+</template>
+
+<script>
+module.exports = {}
+</script>
diff --git a/test/fixtures/ast/svg-namespace/token-ranges.json b/test/fixtures/ast/svg-namespace/token-ranges.json
new file mode 100644
index 00000000..6527f753
--- /dev/null
+++ b/test/fixtures/ast/svg-namespace/token-ranges.json
@@ -0,0 +1,48 @@
+[
+    "<script>",
+    "module",
+    ".",
+    "exports",
+    "=",
+    "{",
+    "}",
+    "</script>",
+    "<template",
+    "xmlns",
+    "=",
+    "\"http://www.w3.org/2000/svg\"",
+    ">",
+    "\n    ",
+    "<defs",
+    ">",
+    "\n        ",
+    "<pattern",
+    "id",
+    "=",
+    "\"pat\"",
+    "viewBox",
+    "=",
+    "\"0 0 100 100\"",
+    ">",
+    "</pattern",
+    ">",
+    "\n    ",
+    "</defs",
+    ">",
+    "\n",
+    "</template",
+    ">",
+    "\n\n",
+    "<script",
+    ">",
+    "\n",
+    "module.exports",
+    " ",
+    "=",
+    " ",
+    "{}",
+    "\n",
+    "</script",
+    ">",
+    "\n"
+]
\ No newline at end of file
diff --git a/test/fixtures/ast/svg-namespace/tree.json b/test/fixtures/ast/svg-namespace/tree.json
new file mode 100644
index 00000000..62b52d25
--- /dev/null
+++ b/test/fixtures/ast/svg-namespace/tree.json
@@ -0,0 +1,120 @@
+[
+    {
+        "type": "VElement",
+        "text": "<template xmlns=\"http://www.w3.org/2000/svg\">\n    <defs>\n        <pattern id=\"pat\" viewBox=\"0 0 100 100\"></pattern>\n    </defs>\n</template>",
+        "children": [
+            {
+                "type": "VStartTag",
+                "text": "<template xmlns=\"http://www.w3.org/2000/svg\">",
+                "children": [
+                    {
+                        "type": "VAttribute",
+                        "text": "xmlns=\"http://www.w3.org/2000/svg\"",
+                        "children": [
+                            {
+                                "type": "VIdentifier",
+                                "text": "xmlns",
+                                "children": []
+                            },
+                            {
+                                "type": "VLiteral",
+                                "text": "\"http://www.w3.org/2000/svg\"",
+                                "children": []
+                            }
+                        ]
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n    ",
+                "children": []
+            },
+            {
+                "type": "VElement",
+                "text": "<defs>\n        <pattern id=\"pat\" viewBox=\"0 0 100 100\"></pattern>\n    </defs>",
+                "children": [
+                    {
+                        "type": "VStartTag",
+                        "text": "<defs>",
+                        "children": []
+                    },
+                    {
+                        "type": "VText",
+                        "text": "\n        ",
+                        "children": []
+                    },
+                    {
+                        "type": "VElement",
+                        "text": "<pattern id=\"pat\" viewBox=\"0 0 100 100\"></pattern>",
+                        "children": [
+                            {
+                                "type": "VStartTag",
+                                "text": "<pattern id=\"pat\" viewBox=\"0 0 100 100\">",
+                                "children": [
+                                    {
+                                        "type": "VAttribute",
+                                        "text": "id=\"pat\"",
+                                        "children": [
+                                            {
+                                                "type": "VIdentifier",
+                                                "text": "id",
+                                                "children": []
+                                            },
+                                            {
+                                                "type": "VLiteral",
+                                                "text": "\"pat\"",
+                                                "children": []
+                                            }
+                                        ]
+                                    },
+                                    {
+                                        "type": "VAttribute",
+                                        "text": "viewBox=\"0 0 100 100\"",
+                                        "children": [
+                                            {
+                                                "type": "VIdentifier",
+                                                "text": "viewBox",
+                                                "children": []
+                                            },
+                                            {
+                                                "type": "VLiteral",
+                                                "text": "\"0 0 100 100\"",
+                                                "children": []
+                                            }
+                                        ]
+                                    }
+                                ]
+                            },
+                            {
+                                "type": "VEndTag",
+                                "text": "</pattern>",
+                                "children": []
+                            }
+                        ]
+                    },
+                    {
+                        "type": "VText",
+                        "text": "\n    ",
+                        "children": []
+                    },
+                    {
+                        "type": "VEndTag",
+                        "text": "</defs>",
+                        "children": []
+                    }
+                ]
+            },
+            {
+                "type": "VText",
+                "text": "\n",
+                "children": []
+            },
+            {
+                "type": "VEndTag",
+                "text": "</template>",
+                "children": []
+            }
+        ]
+    }
+]
\ No newline at end of file