vue-socials/src/components/SYahoo/SYahoo.ts

Social media share buttons and counts for Vue.js

/**
 * Hey!
 *
 * SYahoo component used for Yahoo social network
 * @link http://compose.mail.yahoo.com/
 */

import { VNode, defineComponent } from 'vue';
import BaseSocial from '@/mixins/BaseSocial/BaseSocial';
import getSerialisedParams from '@/utils/getSerialisedParams';

/**
 * Share parameters for link
 */
export interface ISYahooShareOptions {
  email: string;
  subject?: string;
  body?: string;
}

export default /* #__PURE__ */ defineComponent({
  name: 'SYahoo',

  mixins: [BaseSocial<ISYahooShareOptions>(
    'Yahoo',
  )],

  computed: {
    networkURL(): string {
      const BASE_URL = 'http://compose.mail.yahoo.com/';
      const { shareOptions } = this;
      const { email, subject, body } = shareOptions;
      const serialisedParams = getSerialisedParams({
        to: email,
        subject,
        body,
      });

      return `${BASE_URL}${serialisedParams}`;
    },
  },

  render(): VNode {
    return this.generateComponent(this.networkURL);
  },
});