import {
  SET_TITLE
} from 'store/yoho/types';

const getTitle = vue => {
  const {title} = vue.$options;

  if (title) {
    return typeof title === 'function' ? title.call(vue) : title;
  }
};
const serverTitleMixin = {
  created() {
    const title = getTitle(this);

    if (title) {
      this.$ssrContext.title = title;
      this.$store.commit(SET_TITLE, {title});
    }
  }
};

const clientTitleMixin = {
  mounted() {
    const title = getTitle(this);

    if (title) {
      document.title = title;
    }
  }
};

export default process.env.VUE_ENV === 'server' ?
  serverTitleMixin :
  clientTitleMixin;