Nuxt用capo.js
capo.jsの Nuxt 3向け実装
Capo.jsとは
Capo.js は、ページの <head> セクション内の要素の順序を変更することで、ページの（体感）パフォーマンスを向上させる方法を特定する小さなスニペットです。
機能
- ✨ 開発モードとページのプリレンダリング時に
<head>を検証します - 🔎 最適なhead設定を視覚化します
インストール
nuxt-capo をインストールし、nuxt.config に追加します。
npx nuxi@latest module add capo
export default defineNuxtConfig({
modules: ['nuxt-capo'],
})
使用方法
以上です！ルートをサーバーレンダリングする際に、デバッグ情報と推奨事項が表示されるようになります。
 |  |
クレジット
@rviscomi 氏に capo.js を作成していただきありがとうございます！
💻 開発
- このリポジトリをクローンします
corepack enableを使用して Corepack を有効にします（Node.js < 16.10 の場合はnpm i -g corepackを使用します）pnpm installを使用して依存関係をインストールしますpnpm dev:prepareでモジュールをスタブしますpnpm devを実行して、開発モードで プレイグラウンド を起動します
ライセンス
❤️ を込めて作成しました
MITライセンス の下で公開されています。