https://github.com/danielroe/nuxt-capo
`capo.js` implementation for Nuxt 3
https://github.com/danielroe/nuxt-capo
nuxt-module
Last synced: about 1 year ago
JSON representation
`capo.js` implementation for Nuxt 3
- Host: GitHub
- URL: https://github.com/danielroe/nuxt-capo
- Owner: danielroe
- License: mit
- Created: 2023-05-23T16:35:40.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2025-03-31T14:31:36.000Z (about 1 year ago)
- Last Synced: 2025-03-31T15:58:40.358Z (about 1 year ago)
- Topics: nuxt-module
- Language: TypeScript
- Homepage:
- Size: 2.21 MB
- Stars: 85
- Watchers: 2
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# capo.js for Nuxt
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![Github Actions][github-actions-src]][github-actions-href]
[![Codecov][codecov-src]][codecov-href]
> `capo.js` implementation for [Nuxt 3](https://nuxt.com)
- [✨ Changelog](https://github.com/danielroe/nuxt-capo/blob/main/CHANGELOG.md)
- [▶️ Online playground](https://stackblitz.com/github/danielroe/nuxt-capo/tree/main/playground)
## What is Capo.js
[Capo.js](https://github.com/rviscomi/capo.js) is a small snippet that identifies ways to boost the (perceived) performance of your page, by changing the order of elements in the page's `` section.
## Features
- ✨ validates your `` in dev mode and when prerendering pages
- 🔎 visualises optimal head configuration
## Installation
Install and add `nuxt-capo` to your `nuxt.config`.
```bash
npx nuxi@latest module add capo
```
```js
export default defineNuxtConfig({
modules: ['nuxt-capo'],
})
```
## Usage
That's it! You should now see debugging info and suggestions when server rendering your routes
| | |
| - | - |
| |  |
## Credits
Thanks to [**@rviscomi**](https://github.com/rviscomi) for making [capo.js](https://github.com/rviscomi/capo.js)!
## 💻 Development
- Clone this repository
- Enable [Corepack](https://github.com/nodejs/corepack) using `corepack enable`
- Install dependencies using `pnpm install`
- Stub module with `pnpm dev:prepare`
- Run `pnpm dev` to start [playground](./playground) in development mode
## License
Made with ❤️
Published under the [MIT License](./LICENCE).
[npm-version-src]: https://img.shields.io/npm/v/nuxt-capo?style=flat-square
[npm-version-href]: https://npmjs.com/package/nuxt-capo
[npm-downloads-src]: https://img.shields.io/npm/dm/nuxt-capo?style=flat-square
[npm-downloads-href]: https://npm.chart.dev/nuxt-capo
[github-actions-src]: https://img.shields.io/github/actions/workflow/status/danielroe/nuxt-capo/ci.yml?branch=main
[github-actions-href]: https://github.com/danielroe/nuxt-capo/actions?query=workflow%3Aci
[codecov-src]: https://img.shields.io/codecov/c/gh/danielroe/nuxt-capo/main?style=flat-square
[codecov-href]: https://codecov.io/gh/danielroe/nuxt-capo