feat: enable htmlMinifier.conservativeCollapse by default (#117)

* Enable `htmlMinifier.conservativeCollapse`

* fix: trim white spaces from template code

* refact: adjust test cases to `conservativeCollapse` option

Author: mrkishi

src/options.js

@@ -17,6 +17,7 @@ export default {
         caseSensitive: true,
         customAttrSurround: [[/@/, new RegExp('')], [/:/, new RegExp('')]],
         collapseWhitespace: true,
+        conservativeCollapse: true,
         removeComments: true
     },
 

src/vueTransform.js

@@ -52,7 +52,7 @@ async function processTemplate (source, id, content, options, nodes, modules) {
     debug(`Process template: ${id}`)
 
     const extras = { modules, id, lang: source.attrs.lang }
-    const code = deIndent(source.code)
+    const code = deIndent(source.code).trim()
     const template = await (
         options.disableCssModuleStaticReplacement !== true
             ? templateProcessor(code, extras, options)

test/expects/basic.js

@@ -1,6 +1,6 @@
 var evens = [2,4,6,8];
 var odds = evens.map(v => v + 1);
-var basic = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1><input type=\"text\">",
+var basic = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1> <input type=\"text\">",
   data() {
     return odds
   }

test/expects/imports.js

@@ -1,12 +1,12 @@
 var evens = [2,4,6,8];
 var odds = evens.map(v => v + 1);
-var Basic = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1><input type=\"text\">",
+var Basic = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1> <input type=\"text\">",
   data() {
     return odds
   }
 };
 
-var imports = { template: "<main><basic></basic></main>",
+var imports = { template: "<main> <basic></basic> </main>",
   components: {
     Basic
   }

test/expects/slot.js

@@ -1,6 +1,6 @@
 var TableComponent = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table',[_c('tr',[_c('td',[_vm._t("default")],2)])])},staticRenderFns: [],};
 
-var slot = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table-component',[_vm._v("Hello! World")])},staticRenderFns: [],
+var slot = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('table-component',[_vm._v(" Hello! World ")])},staticRenderFns: [],
   components: { TableComponent },
 };
 

test/expects/style.js

@@ -1,6 +1,6 @@
 var evens = [2,4,6,8];
 var odds = evens.map(v => v + 1);
-var style = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1><input type=\"text\">",
+var style = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1> <input type=\"text\">",
   data() {
     return odds
   }

test/expects/typescript-export-obj.js

@@ -1,7 +1,7 @@
 var app = {
 };
 
-var __$app = Object.assign(app, { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1><input type=\"text\">",});
+var __$app = Object.assign(app, { template: "<h1 :id=\"id\" @click=\"hi\"> hello</h1> <input type=\"text\">",});
     __$app.prototype = app.prototype;
 
 export default __$app;

test/expects/typescript.js

@@ -1,4 +1,4 @@
-var component = { template: "<h1 :id=\"id\" @click=\"hi\">hello</h1><input type=\"text\">",
+var component = { template: "<h1 :id=\"id\" @click=\"hi\"> hello</h1> <input type=\"text\">",
     data: function () { return ({
         hello: 'world!'
     }); },