fix template rewriter when dealing with templates inside <svg>

Author: yyx990803

lib/template-rewriter.js

@@ -20,10 +20,13 @@ module.exports = function (html) {
 function walk (tree, fn) {
   if (tree.childNodes) {
     tree.childNodes.forEach(function (node) {
-      if (node.tagName === 'template') {
+      var isTemplate = node.tagName === 'template'
+      if (!isTemplate) {
+        fn(node)
+      }
+      if (isTemplate && node.content) {
         walk(node.content, fn)
       } else {
-        fn(node)
         walk(node, fn)
       }
     })

test/fixtures/scoped-css.vue

@@ -14,4 +14,5 @@ h1 {
 <div><h1>hi</h1></div>
 <p class="abc def">hi</p>
 <template v-if="ok"><p class="test">yo</p></template>
+<svg><template><p></p></template></svg>
 </template>

test/test.js

@@ -98,7 +98,8 @@ describe('vue-loader', function () {
       expect(module.template).to.contain(
         '<div ' + id + '=""><h1 ' + id + '="">hi</h1></div>\n' +
         '<p class="abc def" ' + id + '="">hi</p>\n' +
-        '<template v-if="ok"><p class="test" ' + id + '="">yo</p></template>'
+        '<template v-if="ok"><p class="test" ' + id + '="">yo</p></template>\n' +
+        '<svg ' + id + '=""><template><p ' + id + '=""></p></template></svg>'
       )
       var style = window.document.querySelector('style').textContent
       expect(style).to.contain('.test[' + id + '] {\n  color: yellow;\n}')