@userback/vue

Overview

The official NPM module for embedding the Userback Widget into your Vue application.

• Official NPM Package: https://www.npmjs.com/package/@userback/vue
• Official GitHub Repository: https://github.com/userback/widget-js/tree/develop/widget-vue

Installation

To install any of the packages and embed Userback, you'll need a Widget Access Token.

NPM Installation

npm i @userback/vue

Yarn Installation

yarn add @userback/vue

Quickstart

To set up the plugin, use App.use to install Userback into the global scope under $userback.

import UserbackPlugin from '@userback/vue';

createApp(App)
    .use(UserbackPlugin, { token: **Widget Access Token** })
    .mount('#app');

The $userback API can now be used throughout your application.

<template>
  <button type="button" @click="$userback.show()">Show</button>
  <button type="button" @click="$userback.hide()">Hide</button>

  <button type="button" @click="$userback.open('bug')">Open Bugs</button>
  <button type="button" @click="$userback.open('general', 'screenshot')">Screenshot me!</button>
</template>

For advanced customization information, refer to our JavaScript SDK documentation.

We hope this guide helps you seamlessly integrate the Userback Widget into your Vue application. If you have any questions or need further assistance, please visit the Userback Help Center for additional resources and support.