@hperchec/scorpion-ui-template-default/src/router/routes/public/NotFound.js

Scorpion UI - Default template

/**
 * @vuepress
 * ---
 * title: NotFound route
 * headline: NotFound route
 * sidebarTitle: .NotFound
 * sidebarDepth: 0 # To disable auto sidebar links
 * prev: false # Disable prev link
 * next: false # Disable prev link
 * ---
 */

import { Core, utils } from '@hperchec/scorpion-ui'

const { capitalize } = utils
const translate = (...args) => Core.context.services['router'].options.translate(...args) // eslint-disable-line dot-notation

/**
 * @name NotFound
 * @static
 * @type {PublicRoute}
 * @description
 * - **Name**: NotFound
 * - **Path**: `/404`
 * - **Params**: *none*
 * - **Query**: *none*
 */
export default {
  /**
   * @description Route path
   * @name NotFound.path
   * @type {string}
   * @default /404
   */
  path: '/404',
  /**
   * @description Route name
   * @name NotFound.name
   * @type {string}
   * @default NotFound
   */
  name: 'NotFound',
  /**
   * @description Route component
   * @alias NotFound.component
   * @type {Object}
   * @default NotFound
   */
  component: () => Core.context.vue.components.public.views.notFound.Index,
  /**
   * Options
   */
  options: {
    /**
     * @description Route meta
     * @alias NotFound.meta
     * @type {Object}
     */
    meta: {
      /**
       * @alias NotFound.meta.pageMeta
       * @type {Object}
       * @property {Function} title - Return translated NotFound view title (translate: `views.NotFound.Index.title`)
       * @description
       * NotFound page meta
       */
      pageMeta: {
        title: (vm) => capitalize(translate('views.NotFound.Index.title'))
      }
    }
  }
}