Vuejs Server side rendering with async data

Component.js

Vue.Component({
  name: 'foo',
  template: `
    <section v-html="markup"></section>
  `,
  props: [],
  data() {
    return {
      markup: ''
    };
  },
  created () {
    this.setMarkup();
  },
  methods: {
    setMarkup() {
      //some asnc code like following which will set markup on callback
      asyncFunction((err, html) => {
        this.markup = html;
      });
    }
  },
});

How to have markup rendered server side?