nuxt-data-audit

Featured

Use when 審計 Nuxt 專案 data-fetching 模式與效能 golden path checklist。

Web & Frontend 45 stars 3 forks Updated today MIT

Install

View on GitHub

Quality Score: 90/100

Stars 20%
55
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

<!-- 🔒 LOCKED — managed by clade · auto-generated by sync-to-codex; edit source in .claude/ then re-run sync --> `/nuxt-data-audit` — Nuxt data-fetching & performance golden path audit. Reference rule:`rules/core/nuxt-data-perf.md` Cookbook:`~/offline/clade/vendor/snippets/nuxt-data-perf/` ## 何時跑 - **定期稽核**:跨 consumer fleet 完善度掃描(從 clade home 跑,指定 consumer path) - **新功能完成後**:對 consumer 當前 codebase 的 data-fetching 品質做 baseline check - **code-review 輔助**:reviewer 可跑此 skill 取得量化數據輔助 review - **新 consumer onboard**:day-1 baseline 建立 ## 怎麼跑 ``` /nuxt-data-audit # 掃當前 cwd 的 consumer /nuxt-data-audit ~/offline/TDMS # 掃指定 consumer /nuxt-data-audit --fleet # 掃全 fleet(從 clade home 用 registry/consumers.json) ``` ## Phase 1 — Dependency Detection 判斷 consumer 的 data-fetching stack: ```bash # 檢查 package.json grep -E '@pinia/colada|@pinia/colada-nuxt|@pinia/nuxt' package.json ``` 分為兩類: - **Colada consumer**:安裝了 @pinia/colada → 全部 checklist 適用 - **Non-Colada consumer**:未安裝 → E9/E10 標 N/A,其餘全部適用 ## Phase 2 — Automated Scan 對每項 checklist 跑 grep/AST 掃描。以下是每項的掃描方法: ### E1 — setup 無裸 $fetch(HR-1) ```bash # 找 .vue 檔中 <script setup> 的 $fetch(排除 event handler) # 注意 $csrfFetch 等 alias 也要查 find . -name '*.vue' -not -path '*/node_modules/*' -not -path '*/.nuxt/*' -not -path '*/test/*' \ | xargs grep -l '\$fetch\|\$csrfFetch' ``` **對每個命中檔案**:讀取 `<script setup>` 區塊,判斷 $fetch 是否在 top-level(fail)還是在 function/handler 內(pass)。Top-level = 不...

Details

Author
YuDefine
Repository
YuDefine/nuxt-supabase-starter
Created
7 months ago
Last Updated
today
Language
JavaScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category