Skip to main content
Vue announcer for Vue 2

# Nuxt.js

The first step is to create your plugin in Nuxt plugins/vue-announcer.js

import Vue from "vue";
import VueAnnouncer from "@vue-a11y/announcer";

export default ({ app }) => {
  Vue.use(VueAnnouncer, {}, app.router);
};

  
        Copied!

After creating the plugin you need to add it in the nuxt settings, in the nuxt.config.js file, you can learn more about it here .

export default {
  // ...
  plugins: [
    { src: "~/plugins/vue-announcer.js", mode: "client" }
  ],
}

  
        Copied!

Now just add <VueAnnouncer /> in your default layout.

In your layouts/default.vue

<template>
  <div>
    <VueAnnouncer /> <!-- You can place it anywhere in your application -->
    ...
  </div>
</template>

  
        Copied!

# Demo


Open sandbox example

← Vuepress →

Nuxt.js | Vue announcer for Vue 2 has loaded