📅 You're Invited: Meet the Socket team at RSAC (April 28 – May 1).RSVP
Socket
Sign inDemoInstall
Socket

nuxt-intercom

Package Overview
Dependencies
Maintainers
1
Versions
13
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuxt-intercom

NuxtJS module for Intercom

1.1.1
latest
Source
npm
Version published
Weekly downloads
251
-21.81%
Maintainers
1
Weekly downloads
 
Created
Source

nuxt-intercom

NuxtJS module for Intercom

Table of contents

Main features

  • Load Intercom only when required (once $intercom is called)
  • Reuse the same instance across all components
  • TypeScript support

Setup

  • Add nuxt-intercom dependency to your project:
npm install nuxt-intercom
  • Add nuxt-intercom module and configuration to nuxt.config.js:
export default {
  // ...other config options
  modules: ["nuxt-intercom"];
  intercom: {
    appId: 'my_app_id',
  }
}
  • (Optional) TypeScript support. Add nuxt-intercom to the types section of tsconfig.json:
{
  "compilerOptions": {
    "types": ["nuxt-intercom"]
  }
}

Options

disabled

  • Type: Boolean
  • Default: false

Disable Intercom. Useful for non-production environments.

appId

  • Type: String

The app_id of your Intercom app which will indicate where to store any data.

i18n

  • Type: Boolean
  • Default: false

Enable i18n-module integration.

hideDefaultLauncher

  • Type: Boolean
  • Default: false

Hide the default launcher icon. Setting to false will forcefully show the launcher icon.

alignment

  • Type: String
  • Default: right

Dictate the alignment of the default launcher icon to be on the left/right. Possible values: "left" or "right" (any other value is treated as right).

horizontalPadding

  • Type: Number
  • Default: 20

Move the default launcher icon horizontally. Padding from right side of screen Minimum value: 20.

verticalPadding

  • Type: Number
  • Default: 20

Move the default launcher icon vertically. Padding from bottom of screen. Minimum value: 20.

enableMobilePadding

  • Type: Boolean
  • Default: false

Apply the verticalPadding property to mobile devices.

Usage

It can be used inside components like:

<button type="button" @click="$intercom('show')">Chat with us</button>

Intercom: Javascript API: Methods

License

See the LICENSE file for license rights and limitations (MIT).

FAQs

Package last updated on 22 Sep 2022

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts