social-share

SNS シェアボタンの Vue.js コンポーネントライブラリ。スタイルを持たず、機能だけのコンポーネントです。

🚀 Setup

コンポーネントを使用するプロジェクトに @hiratake/social-share をインストールします。

# npm
$ npm install -D @hiratake/social-share
# yarn
$ yarn add -D @hiratake/social-share
# pnpm
$ pnpm add -D @hiratake/social-share

インストール後、コンポーネントをインポートして使用します。

<script lant="ts" setup>
import { SocialShare, SocialShareButton } from '@hiratake/social-share'
</script>

<template>
  <div>
    <SocialShare
      service="twitter"
      url="https://example.com"
      text="Blog Post Title"
    >
      <SocialShareButton>Share</SocialShareButton>
    </SocialShare>
  </div>
</template>

🏗 Build

以下のコマンドでビルドを実行します。ビルド後のファイルは dist/ に出力されます。

$ pnpm build

📃 License

MIT