vue-kakao-pf

Simple Vue.js plugin for Kakao plus friend chat
1,164 2
vue vuejs plugin javascript library css button js npm kakao yarn 카카오 spemer hyouk seo kakao plus friend 카카오 플친
Install
npm install vue-kakao-pf
Latest Version:1.1.1
Vue:2
License:MIT
Last Updated:Dec 8, 2022
Links: GitHub  ·  npm
Maintainer: spemer

vue-kakao-pf 👋

카카오 플러스친구 1:1 채팅 버튼을 생성해주는 Vue.js 플러그인 입니다.

vue2 Version Gzipsize License

Live Demo

설치

npm i vue-kakao-pf --save

yarn add vue-kakao-pf

CDNs

jsDelivr, UNPKG, bundle.run

사용

index.html

<!-- index.html -->
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

main.js

// main.js
import Vue from 'vue'
import VueKakaoPf from 'vue-kakao-pf'

// 플러스친구 홈 URL의 id를 입력해주세요
VueKakaoPf.plusFriendId = '_id'
// 앱의 키(JavaScript)를 입력해주세요 (아직 초기화가 되어있지 않은 경우에만)
Kakao.init(process.env.KAKAO_KEY)

Vue.use(VueKakaoPf)

CSS(선택)

/* style.css */
#plusfriend-addfriend-button img {
  /* ... */
}

Author

Hyouk Seo(Spemer)

Related Packages

vue-scroll-progress

Simple Vue.js plugin for page scroll progress bar

4,838 98
button css hyouk seo javascript js library npm plugin spemer vue +5
vue-rippler

Simple Vue.js plugin for custom ripple effect

3,148 42
button css hyouk seo javascript js library npm plugin spemer vue +6
simple-shimmer

A pure css simple shimmer like facebook.

1,607 1
css javascript js npm vue facebook node nuxt pure react +2
lkt-button

A simple button component for Vue.js 3.0.

4,548
button javascript js vue lkt lkt-web-tech ts typescript ui vue3
vue-photo-grid

This component let you automatically arrange the photos depending on their clust...

1,684 27
javascript js npm vue vuejs album arrange grid photo photogrid +1

Version History

Version Released Vue License
1.1.1 ^2.5.11 MIT
1.1.0 ^2.5.11 MIT
1.0.9 ^2.5.11 MIT
1.0.8 ^2.5.11 MIT
1.0.7 ^2.5.11 MIT