Fix bug in template parsing

Fix #25

Author: znck

example/README.md

@@ -5,8 +5,18 @@ Example bundling an UMD package with one `vue` file and exporting stylus and CSS
 
 ## Building
 
+### With build script
+
 ```
 cd example
 node build.js
 ls dist
 ```
+
+### With rollup cli
+
+```
+cd example
+npm i -g rollup
+rollup -c --input Hello.vue --output dist/bundle.js
+```

example/rollup.config.js

@@ -0,0 +1,7 @@
+// Simple rollup config file.
+
+const vue = require('../dist/rollup-plugin-vue.common.js');
+
+export default {
+    plugins: [ vue() ],
+};

src/vueTransform.js

@@ -99,14 +99,21 @@ function injectTemplate(script, template, lang) {
  * @param {*} options
  */
 function processTemplate(node, filePath, content, options) {
-    const template = deIndent(parse5.serialize(node.content));
-    const warnings = validateTemplate(node.content, content);
+    node = node.content;
+    const warnings = validateTemplate(node, content);
     if (warnings) {
         const relativePath = relative(process.cwd(), filePath);
         warnings.forEach((msg) => {
             console.warn(`\n Warning in ${relativePath}:\n ${msg}`);
         });
     }
+
+    /* eslint-disable no-underscore-dangle */
+    const start = node.childNodes[0].__location.startOffset;
+    const end = node.childNodes[node.childNodes.length - 1].__location.endOffset;
+    const template = deIndent(content.slice(start, end));
+    /* eslint-enable no-underscore-dangle */
+
     return htmlMinifier.minify(template, options.htmlMinifier);
 }
 

test/expects/expression.js

@@ -0,0 +1,10 @@
+var expression = { template: "<ol class=options v-show=\"foo && bar === 1\"></ol>",
+    data() {
+        return {
+            foo: false,
+            bar: 2,
+        };
+    },
+};
+
+export default expression;

test/fixtures/expression.vue

@@ -0,0 +1,14 @@
+<template>
+    <ol class="options" v-show="foo && bar === 1"></ol>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            foo: false,
+            bar: 2,
+        };
+    },
+};
+</script>