nuxt-capo
TypeScript icon, indicating that this package has built-in type declarations

0.2.0 • Public • Published

capo.js for Nuxt

npm version npm downloads Github Actions Codecov

capo.js implementation for Nuxt 3

What is Capo.js

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 <head> section.

Features

  • ✨ validates your <head> in dev mode and when prerendering pages
  • 🔎 visualises optimal head configuration

Installation

Install and add nuxt-capo to your nuxt.config.

npx nuxi@latest module add capo
export default defineNuxtConfig({
  modules: ['nuxt-capo'],
})

Usage

That's it! You should now see debugging info and suggestions when server rendering your routes

Optimal head configuration Suggestions for head

Credits

Thanks to @rviscomi for making capo.js!

💻 Development

  • Clone this repository
  • Enable Corepack using corepack enable (use npm i -g corepack for Node.js < 16.10)
  • Install dependencies using pnpm install
  • Stub module with pnpm dev:prepare
  • Run pnpm dev to start playground in development mode

License

Made with ❤️

Published under the MIT License.

Package Sidebar

Install

npm i nuxt-capo

Weekly Downloads

251

Version

0.2.0

License

MIT

Unpacked Size

13.6 kB

Total Files

17

Last publish

Collaborators

  • danielroe