✨ import/export issue and slot in tables

Fixes #40
Fixes #38

Author: znck

src/vueTransform.js

@@ -43,16 +43,14 @@ function injectRender(script, render, lang, options) {
     if (['js', 'babel'].indexOf(lang.toLowerCase()) > -1) {
         const matches = /(export default[^{]*\{)/g.exec(script);
         if (matches) {
-            const scriptWithRender = script.split(matches[1])
-                  // buble doesn't support export default, not even with the
-                  // module: false trasforms:
-                  // https://buble.surge.sh/guide/#using-es-modules
-                  .join('module.exports={' +
-                        `render: ${wrapRenderFunction(render.render)},` +
-                        'staticRenderFns: [' +
-                        `${render.staticRenderFns.map(wrapRenderFunction).join(',')}],`
-                  );
-            return transpileVueTemplate(scriptWithRender, options.vue).replace('module.exports={', 'export default {');
+            const renderScript = transpileVueTemplate('module.exports={' +
+                  `render: ${wrapRenderFunction(render.render)},` +
+                  'staticRenderFns: [' +
+                  `${render.staticRenderFns.map(wrapRenderFunction).join(',')}],}`, options.vue);
+            const result = script.split(matches[1])
+                  .join(renderScript.replace('module.exports={', 'export default {').replace(/\}$/, ''));
+
+            return result;
         }
 
         debug(`No injection location found in: \n${script}\n`);

test/expects/slot.js

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

test/expects/table.js

@@ -0,0 +1,3 @@
+var table = {render: function(){var _vm=this;var _h=_vm.$createElement;var _c=_vm._c;return _c('table',[_c('tr',[_c('td',[_vm._t("default",[_vm._t("default")])],true)])])},staticRenderFns: [],};
+
+export default table;

test/fixtures/slot.vue

@@ -0,0 +1,13 @@
+<template>
+  <table-component>
+    Hello! World
+  </table-component>
+</template>
+
+<script>
+import TableComponent from './table.vue';
+
+export default {
+  components: { TableComponent },
+}
+</script>

test/fixtures/table.vue

@@ -0,0 +1,13 @@
+<template>
+  <table>
+    <tr>
+      <td>
+        <slot><slot>
+      </td>
+    </tr>
+  </table>
+</template>
+
+<script>
+export default {}
+</script>

test/test.js

@@ -24,7 +24,7 @@ function test(name) {
                 css (css) {
                     actualCss = css
                 },
-                compileTemplate: name === 'compileTemplate'
+                compileTemplate: ['compileTemplate', 'slot', 'table'].indexOf(name) > -1
             })]
         }).then(function (bundle) {
             var result = bundle.generate()