# 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);
};

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, opens in a new window .

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

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>


# Demo


Open sandbox example