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

Social media share buttons and counts for Vue.js

/**
 * Hey!
 *
 * SWordPress component used for WordPress social network
 * @link https://wordpress.org/
 */

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

/**
 * Share parameters for link
 * @link https://codex.wordpress.org/Press_This
 */
export interface ISWordPressShareOptions {
  domain: string;
  url: string;
  title?: string;
  text?: string;
  image?: string;
}

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

  mixins: [BaseSocial<ISWordPressShareOptions>(
    'WordPress',
  )],

  computed: {
    networkURL(): string {
      const BASE_URL = 'wp-admin/press-this.php';
      const { shareOptions } = this;
      const {
        domain, url, title, text, image,
      } = shareOptions;
      const serialisedParams = getSerialisedParams({
        u: url,
        t: title,
        s: text,
        i: image,
      });

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

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