# Navigation Guard

# Plugin

This makes use of the 'dirty' state of the open entity detail view. The backoffice should add the navigation-guard to the nuxt plugins in nuxt.config.js:

# Import

Create a new file in the backoffice: /plugins/navigation-guard.js with the following contents:

import { navigationGuardPlugin } from '@jdi/vue-backoffice-library'
export default (context) => navigationGuardPlugin.install(context)

# Usage

Add the plugin to nuxt.config.js

const plugins = [
  './plugins/runtime',
  './plugins/axios',
  './plugins/element-ui',
  './plugins/i18n',
  './plugins/vue-good-table',
  './plugins/navigation-guard' // Add this one
]