import Vue from './vue/dist/vue.common.js';
import { compileToFunctions } from './vue/packages/vue-template-compiler';
import createRenderer from './vue/packages/vue-server-renderer';
const { renderToString } = createRenderer();

let compileTemplate = (options) => {
  const res = compileToFunctions(options.template, {
    preserveWhitespace: false
  });
  Object.assign(options, res);
  console.assert(typeof options.render === 'function');
  delete options.template;
  return options;
};

let Foo = Vue.extend(compileTemplate({
  template: `
<div>
  <p v-text="text"></p>
  <p v-html="text"></p>
</div>
  `,
  data: function() {
    return {
      text: '<span>foobar</span>',
    };
  }
}));

renderToString(new Vue(compileTemplate({
  template: `<foo></foo>`,
  components: {
    foo: Foo
  }
})), (err, res) => {
  console.log(res);
});

// output: <div server-rendered="true"><p></p> <p></p></div>