TypeScript friendly pages path generator for Next.js, Nuxt.js and Sapper
npm install ubugeeei-pathpida\- Nuxt Route Type Implementation -

TypeScript friendly internal link client for Next.js, Nuxt.js and Sapper.
- Type safety. Automatically generate type definition files for manipulating internal links in Next.js/Nuxt.js/Sapper.
- Zero configuration. No configuration required can be used immediately after installation.
- Zero runtime. Lightweight because runtime code is not included in the bundle.
- Support for static files. Static files in public/ are also supported, so static assets can be safely referenced.
- pathpida (forked by ubugeeei)
- Features
- Table of Contents
- Install
- Setup - Nuxt.js
- Usage - Nuxt.js
- License
- Using npm:
``sh`
$ npm install ubugeeei-pathpida npm-run-all --save-dev
- Using Yarn:
`sh`
$ yarn add ubugeeei-pathpida npm-run-all --dev
package.json
`json`
{
"scripts": {
"dev": "run-p dev:*",
"dev:nuxt": "nuxt-ts",
"dev:path": "ubugeeei-pathpida --ignorePath .gitignore --watch",
"build": "ubugeeei-pathpida --ignorePath .gitignore && nuxt-ts build"
}
}
nuxt.config.js or nuxt.config.ts
`js`
{
plugins: ['~/plugins/$path'],
srcDir: 'client', // optional
router: {
trailingSlash: true // optional
}
}
`
pages/index.vue
pages/post/create.vue
pages/post/_pid.tsx
plugins/$path.ts // Generated automatically by pathpida
`
pages/index.vue
`vue
`
ubugeeei-pathpida custom implements
`vue
``
extends: pathpida#command-line-interface-options
| Option | Type | Description |
|---|---|---|
--pages | Source pages dir path. default: pages |
pathpida is licensed under a MIT License.