All Projects → nuxt-community → applicationinsights-module

nuxt-community / applicationinsights-module

Licence: MIT license
Application Insights module for NuxtJS

Programming Languages

javascript
184084 projects - #8 most used programming language
Vue
7211 projects

Projects that are alternatives of or similar to applicationinsights-module

yamlful
YAML-based HTTP client code generation
Stars: ✭ 77 (+450%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
vue-plausible
Plausible Analytics Vue.js Plugin and NuxtJS Module
Stars: ✭ 107 (+664.29%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
date-fns-module
Modern JavaScript date utility library - date-fns for Nuxt.js
Stars: ✭ 68 (+385.71%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-ts-module
A tiny module to use Typescript within Nuxt.js application.
Stars: ✭ 21 (+50%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-quasar
Nuxt module for the Quasar Framework
Stars: ✭ 36 (+157.14%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-mail
Adds email sending capability to a Nuxt.js app. Adds a server route, an injected variable, and uses nodemailer to send emails.
Stars: ✭ 62 (+342.86%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
lumen-cms
GraphQL API-First CMS based on NodeJS and Vue 2, Nuxt and Vuetify
Stars: ✭ 77 (+450%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-stripejs
💳 NuxtJS module for Stripe.js which loads only when required and w/ retry mechanism
Stars: ✭ 17 (+21.43%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
global-components
Module to register global components for Nuxt.js
Stars: ✭ 57 (+307.14%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-feature-toggle
The nuxt feature toggle module
Stars: ✭ 78 (+457.14%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-prune-html
🔌⚡ Nuxt module to prune html before sending it to the browser (it removes elements matching CSS selector(s)), useful for boosting performance showing a different HTML for bots/audits by removing all the scripts with dynamic rendering
Stars: ✭ 69 (+392.86%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-gsap-module
GSAP module for Nuxt.js
Stars: ✭ 183 (+1207.14%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-stencil
Easy Stencil.js component library integration with Nuxt.js.
Stars: ✭ 16 (+14.29%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-winston-log
Nuxt module for logging SSR errors using winston
Stars: ✭ 41 (+192.86%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-jsonld
A Nuxt.js module to manage JSON-LD in Vue component.
Stars: ✭ 198 (+1314.29%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
separate-env-module
Tear your variables apart!
Stars: ✭ 53 (+278.57%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-humans-txt
🧑🏻👩🏻 "We are people, not machines" - An initiative to know the creators of a website. Contains the information about humans to the web building - A Nuxt Module to statically integrate and generate a humans.txt author file - Based on the HumansTxt Project.
Stars: ✭ 27 (+92.86%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
supabase
An easy way to integrate Supabase with NuxtJS
Stars: ✭ 39 (+178.57%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
nuxt-babel
Use normal .babelrc file with your Nuxt app
Stars: ✭ 32 (+128.57%)
Mutual labels:  nuxt, nuxtjs, nuxt-module
k-domains
A simple module to manage multiple subdomains with just one project
Stars: ✭ 41 (+192.86%)
Mutual labels:  nuxt, nuxtjs, nuxt-module

@nuxtjs/applicationinsights

npm version npm downloads Circle CI Codecov Dependencies Standard JS

ApplicationInsights module for Nuxt.js

Features

The module enables event logging through Application Insights.

Setup

  • Add @nuxtjs/applicationinsights dependency using yarn or npm to your project
  • Add @nuxtjs/applicationinsights to modules section of nuxt.config.js
{
  modules: [
    '@nuxtjs/applicationinsights',
  ],

  appInsights: {
    instrumentationKey: '' //  your project's Instrumentation Key here
  }
}

Nuxt compatibility

Versions of NuxtJS before v2.4.0 are not supported by this package.

Usage

Enter your Instrumentation Key in the NuxtJS config file. Additional config settings can be found server and client.

Usage in Vue component

In a Vue component, Application Insights is available as this.$appInsights, so we can call functions like

this.$appInsights.trackTrace({message: 'This message will use a telemetry initializer'})

where this is a Vue instance.

Options

Options can be passed using either environment variables or appInsights section in nuxt.config.js. Normally setting required Instrumentation Key information would be enough.

instrumentationKey

  • Type: String
    • Default: process.env.APPINSIGHTS_INSTRUMENTATION_KEY || false
    • If no instrumentationKey is provided module wont work

disabled

  • Type: Boolean
    • Default: process.env.APPINSIGHTS_DISABLED || false
    • ApplicationInsights will not be initialised if set to true.

disableClientSide

  • Type: Boolean
    • Default: process.env.APPINSIGHTS_DISABLE_CLIENT_SIDE || false

disableServerSide

  • Type: Boolean
    • Default: process.env.APPINSIGHTS_DISABLE_SERVER_SIDE || false

initialize

  • Type: Boolean
    • Default: process.env.APPINSIGHTS_INITIALIZE || true

trackPageView

  • Type: Boolean
    • Default: process.env.APPINSIGHTS_TRACK_PAGE_VIEW || true

serverConfig

  • Type: Object
    • Default: { }
    • If specified, values will override config values for server Application Insights plugin

clientConfig

  • Type: Object
    • Default: { }
    • If specified, values will override config values for client Application Insights plugin

License

MIT License

Copyright (c) Dmitry Molotkov [email protected]

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].