https://github.com/nikolasp/vue-tidio

Vue Tidio Chat Integration 💬
https://github.com/nikolasp/vue-tidio

chat tidio vue vue3

Last synced: about 1 month ago
JSON representation

Vue Tidio Chat Integration 💬

• Host: GitHub
• URL: https://github.com/nikolasp/vue-tidio
• Owner: nikolasp
• License: mit
• Created: 2019-06-29T13:46:24.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T07:20:49.000Z (almost 2 years ago)
• Last Synced: 2024-09-28T18:01:26.549Z (about 2 months ago)
• Topics: chat, tidio, vue, vue3
• Language: TypeScript
• Homepage:
• Size: 1.37 MB
• Stars: 6
• Watchers: 1
• Forks: 2
• Open Issues: 13
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Tidio Chat Integration

Simple Vue 3 [Tidio Chat](https://www.tidio.com) integration

Use older version [v1.0.1](https://www.npmjs.com/package/vue-tidio/v/1.0.1) for Vue 2

## Getting started

- Install `vue-tidio` library

```bash

# run

npm i vue-tidio

# or

yarn add vue-tidio

```

- Import package and install plugin

```js

import { createApp } from 'vue';

import VueTidio from 'vue-tidio';

import App from './App.vue';

// required `appKey` param (tidio public key)

// available additional `delay` param

// to delay tidio script load (default: 0 ms)

const app = createApp(App);

app.use(VueTidio, { appKey: 'XXX' });

app.mount('#app');

```

- Configure chat visibility per page

```js

const ROUTES: {

  {

    name: 'home',

    component: HomeComponent,

    meta: {

      showChat: true

    }

  }

  // etc.

};

router.afterEach((to) => {

  window.tidioChatApi &&

    window.tidioChatApi.display(to.meta.showChat);

});

```

LICENCE MIT - Created by Nikola Spalevic ([email protected])