https://github.com/gaelreyrol/nuxt-rollbar-module

Nuxt.js module for Rollbar
https://github.com/gaelreyrol/nuxt-rollbar-module

nuxt-module nuxtjs rollbar

Last synced: 3 months ago
JSON representation

Nuxt.js module for Rollbar

• Host: GitHub
• URL: https://github.com/gaelreyrol/nuxt-rollbar-module
• Owner: gaelreyrol
• License: mit
• Archived: true
• Created: 2018-09-06T15:57:13.000Z (almost 7 years ago)
• Default Branch: develop
• Last Pushed: 2023-02-21T22:51:23.000Z (over 2 years ago)
• Last Synced: 2025-02-10T00:41:34.976Z (4 months ago)
• Topics: nuxt-module, nuxtjs, rollbar
• Language: JavaScript
• Homepage:
• Size: 1010 KB
• Stars: 35
• Watchers: 2
• Forks: 9
• Open Issues: 29
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# nuxt-rollbar-module

[![npm (scoped with tag)](https://img.shields.io/npm/v/nuxt-rollbar-module/latest.svg?style=flat-square)](https://npmjs.com/package/nuxt-rollbar-module)

[![npm](https://img.shields.io/npm/dt/nuxt-rollbar-module.svg?style=flat-square)](https://npmjs.com/package/nuxt-rollbar-module)

[![CircleCI](https://img.shields.io/circleci/project/github/Zevran/nuxt-rollbar-module.svg?style=flat-square)](https://circleci.com/gh/gaelreyrol/nuxt-rollbar-module)

[![Codecov](https://img.shields.io/codecov/c/github/Zevran/nuxt-rollbar-module.svg?style=flat-square)](https://codecov.io/gh/gaelreyrol/nuxt-rollbar-module)

[![Dependencies](https://david-dm.org/Zevran/nuxt-rollbar-module/status.svg?style=flat-square)](https://david-dm.org/gaelreyrol/nuxt-rollbar-module)

[![js-standard-style](https://img.shields.io/badge/code_style-standard-brightgreen.svg?style=flat-square)](http://standardjs.com)

> Rollbar module for NuxtJS

## Setup

- Add `nuxt-rollbar-module` dependency using yarn or npm to your project

```shell

npm install --save nuxt-rollbar-module

yarn add nuxt-rollbar-module

```

- Add `nuxt-rollbar-module` to `modules` section of `nuxt.config.js`

```js

{

  modules: [

    // Simple usage

    'nuxt-rollbar-module',

    // With options

    [

      'nuxt-rollbar-module',

      {

        serverAccessToken: 'YOUR_ROLLBAR_SERVER_TOKEN',

        clientAccessToken: 'YOUR_ROLLBAR_CLIENT_TOKEN',

        config: {

          // Addtional config

        }

      }

    ]

  ]

}

```

## Usage

Enter your project access tokens in the NuxtJS config file.

See [Rollbar javascript documentation](https://rollbar.com/docs/notifier/rollbar.js/) for options.

### Usage in Vue.js

```js

Vue.rollbar.debug('Yohyo!')

// or in a vue component

this.$rollbar.debug('Yohyo!')

```

### Usage in Nuxt.js

```js

export default {

  asyncData(context) {

    // called by only server side

    context.$rollbar.debug('Yohyo!')

  },

  created() {

    // called by both server side and client side

    this.$rollbar.debug('Yohyo!')

    if (process.server) {

      this.$rollbar.debug('from server side')

    }

    if (process.client) {

      this.$rollbar.debug('from client side')

    }

  },

  mounted() {

    // called by only client side

    this.$rollbar.debug('Yohyo!')

  }

}

```

## Options

## Development

- Clone this repository

- Install dependencies using `yarn install` or `npm install`

- Start development server using `npm run dev`

## License

[MIT License](./LICENSE)

Copyright (c) Gaël Reyrol