An accessible wrapper for Vue Router

# yarn
yarn add oaf-vue-router

# npm
npm install oaf-vue-router

import VueRouter from "vue-router";
+ import { wrapRouter } from "oaf-vue-router";

const router = new VueRouter({
  ...
  ...
  ...
});

+ wrapRouter(router);

const settings = {
  announcementsDivId: "announcements",
  primaryFocusTarget: "main h1, [role=main] h1",
  // This assumes you're setting the document title via some other means.
  // If you're not, you should return a unique and descriptive page title for each page
  // from this function and set `setPageTitle` to true.
  documentTitle: (route: Route) => document.title,
  // BYO localization
  navigationMessage: (title: string, route: Route): string => `Navigated to ${title}.`,
  shouldHandleAction: (previousRoute: Route, nextRoute: Route) => true,
  announcePageNavigation: true,
  setPageTitle: false,
  // Set this to true for smooth scrolling.
  // For browser compatibility you might want iamdustan's smoothscroll polyfill https://github.com/iamdustan/smoothscroll
  smoothScroll: false,
};

wrapRouter(router, settings);

[tabindex="-1"]:focus {
  outline: 0 !important;
}