fix scoped CSS rewrite for <template> due to parse5 upgrade (fix #141)

Author: yyx990803

lib/template-rewriter.js

@@ -20,8 +20,12 @@ module.exports = function (html) {
 function walk (tree, fn) {
   if (tree.childNodes) {
     tree.childNodes.forEach(function (node) {
-      fn(node)
-      walk(node, fn)
+      if (node.tagName === 'template') {
+        walk(node.content, fn)
+      } else {
+        fn(node)
+        walk(node, fn)
+      }
     })
   }
 }

test/fixtures/scoped-css.vue

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

test/test.js

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