Vue Fb Customer Chat

Facebook Customer Chat Plugin for Vue.js

Demo

https://dmnwebdesign.github.io/vue-fb-customer-chat/

Installation

Install using npm

$ npm install vue-fb-customer-chat

Install using yarn

$ yarn add vue-fb-customer-chat

Usage

For Vue.js projects.

import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'

Vue.use(VueFbCustomerChat, {
  page_id: null, //  change 'null' to your Facebook Page ID,
  theme_color: '#333333', // theme color in HEX
  locale: 'en_US', // default 'en_US'
})

For Nuxt.js projects.

Create 'plugins/vue-fb-customer-chat.js'

import Vue from 'vue'
import VueFbCustomerChat from 'vue-fb-customer-chat'

Vue.use(VueFbCustomerChat, {
  page_id: null, //  change 'null' to your Facebook Page ID,
  theme_color: '#333333', // theme color in HEX
  locale: 'en_US', // default 'en_US'
})

Add plugin in nuxt.config.js file for plugins section

plugins: [
  { src: '~/plugins/vue-fb-customer-chat.js', ssr: false }
],