# vue-page-router

> Nuxt-inspired route management

Latest version **1.0.3** (published 2018-08-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-page-router
pnpm add vue-page-router
yarn add vue-page-router
bun add vue-page-router
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2018-08-05 |
| First published | 2018-08-05 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 2.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | github.com/sirberus |
| Maintainers | sirberus |
| Keywords | vue, vue-router |

## Links

- npm: https://www.npmjs.com/package/vue-page-router
- npm.io page: https://npm.io/package/vue-page-router

## Dependencies (3)

- [lodash](https://npm.io/package/lodash.md) ^4.17.10
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.1
- [babel-plugin-wildcard](https://npm.io/package/babel-plugin-wildcard.md) ^5.0.0

## Alternatives

- [express-promise-router](https://npm.io/package/express-promise-router.md) — 736.1K weekly downloads
- [next-usequerystate](https://npm.io/package/next-usequerystate.md) — 29.8K weekly downloads
- [@bitkyc08/opencodex](https://npm.io/package/@bitkyc08/opencodex.md) — 4.6K weekly downloads
- [lynkr](https://npm.io/package/lynkr.md) — 575 weekly downloads
- [baremetal.js](https://npm.io/package/baremetal.js.md) — 42 weekly downloads

## Recent versions

- 1.0.3 (latest) — 2018-08-05
- 1.0.2 — 2018-08-05
- 1.0.1 — 2018-08-05

## README

# Vue Page Router

Nuxt-inspired route management

[GitHub](https://github.com/sirberus/vue-page-router) * [NPM](https://www.npmjs.com/package/vue-page-router)

#### Given:
```
router.js
pages/
  index.vue
  example.vue
  help.vue
  about.vue
```
#### router.js Before:
```js
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Index',
      component: () => import('./pages/index.vue'),
    },
    {
      path: '/example',
      name: 'Example',
      component: () => import('./pages/example.vue'),
    },
    {
      path: '/help',
      name: 'Help',
      component: () => import('./pages/help.vue'),
    },
    {
      path: '/about',
      name: 'About',
      component: () => import('./pages/about.vue'),
    },
  ],
})
```

#### router.js After:
```js
import Vue from 'vue'
import PageRouter from 'vue-page-router'
import * as pages from './pages'
export default PageRouter.install(Vue, pages)
```

## Getting Started

`npm install --save vue-page-router`

In the same directory as package.json, make a .babelrc config file with these contents:

```js
{
  "plugins": [
    ["wildcard", { "exts": ["js", "es6", "es", "jsx", "vue"]}]
  ]
}
```

## Dev Setup

* Clone from GitHub repo (https://github.com/sirberus/vue-page-router)

* In /example/, open a terminal, npm install, and npm run serve

---
_Source: https://npm.io/package/vue-page-router · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._