@nuxtjs/router

Nuxt Router Module

Nuxt module to use router.js instead of pages/ directory

📖 Release Notes

Features

Use your own router.js to handle your routes into your Nuxt.js application.

Setup

1. Install @nuxtjs/router dependency with yarn or npm into your project
2. Add @nuxtjs/router to modules section of nuxt.config.js:

{
  modules: [
    '@nuxtjs/router'
 ]
}

Usage

This module disable the pages/ directory into Nuxt and will use a router.js file at your srcDir directory:

components/
  my-page.vue
router.js

router.js need to export a createRouter method like this:

import Vue from 'vue'
import Router from 'vue-router'

import MyPage from '~/components/my-page'

Vue.use(Router)

export function createRouter() {
  return new Router({
    mode: 'history',
    routes: [
      {
        path: '/',
        component: MyPage
      }
    ]
  })
}

License

MIT License

Copyright (c) Sebastien Chopin [e-mail]