@byu-oit/nuxt-alerts

Organize alerts for displaying errors and other messages on a Nuxt client

Usage no npm install needed!

<script type="module">
  import byuOitNuxtAlerts from 'https://cdn.skypack.dev/@byu-oit/nuxt-alerts';
</script>

README

Setup

Install

Install with yarn:

yarn add @byu-oit/nuxt-alerts

Install with npm:

npm install @byu-oit/nuxt-alerts

nuxt.config.js

module.exports = {
    modules: [
        '@byu-oit/nuxt-alerts',
    ],
}

Typescript

Add the types to your "types" array in tsconfig.json after the @nuxt/types (Nuxt 2.12.0+)

tsconfig.json

{
  "compilerOptions": {
    "types": [
      "@nuxt/types",
      "@byu-oit/nuxt-alerts"
    ]
  }
}

Why?

Because of the way nuxt works the $axios property on the context has to be merged into the nuxt Context interface via declaration merging. Adding @byu-oit/nuxt-alerts to your types will import the types from the package and make typescript aware of the additions to the Context interface.

Usage

TODO