工程開發
nuxt avatar

nuxt

Nuxt 框架決策輔助層,用於優化專案開發,引導至正確的 Nuxt 套件、Vue 指南或模組特定邏輯。

簡介

此技能作為基於 Nuxt 的專案維護核心決策引擎,專為 nuxt-convex Monorepo 設計。它管理框架層級決策的複雜環境,通過將任務路由至最合適的抽象層,協助開發者避免泛型或反模式的實現選擇。無論任務涉及伺服器端渲染 (SSR)、頁面元數據、佈局轉換還是深度模組整合,此技能都能確保在退回手動 Vue 邏輯或自定義 HTML 結構之前,優先應用 Nuxt 原生方式。

  • 為 SSR、資料獲取和頁面元數據配置簡化路由至專業 Nuxt 套件。

  • 強制執行以 Nuxt 原生抽象化取代原始 Vue 或手動 DOM 操作。

  • 針對模組編寫的上下文感知路由,包括鉤子 (Hooks) 管理和運行時擴展腳本編寫。

  • 在 Nuxt 環境中整合 Convex 相關即時功能的具體指南,平衡伺服器端安全性和客戶端響應式。

  • 智慧型後備機制,優先選擇 Nuxt Content 和 Nuxt UI 原語來處理標準 UI 介面。

  • 在開始實現前,務必檢查組件、路由或模組介面。

  • 遵循層級優先順序:儲存庫全域規則 > Nuxt 套件 > Vue 最佳實踐 > 模組增量規則。

  • 使用 useFetch 或 useAsyncData 處理路由驅動的資料,以防止註水 (Hydration) 不匹配。

  • 優先使用 definePageMeta 和 useSeoMeta 進行路由與文件頭管理。

  • 將僅供瀏覽器的 API 與環境變數隔離在符合 Nuxt 規範的邊界之後 (ClientOnly、伺服器端配置)。

  • 本技能預設擁有 playground 子樹的完全所有權;若需操作外部儲存庫檔案,使用者必須明確觸發範圍變更。

倉庫統計

Star 數
19
Fork 數
1
Open Issue 數
0
主要語言
TypeScript
預設分支
main
同步狀態
閒置
最近同步時間
2026年5月3日 下午10:56
在 GitHub 查看