vue-router-best-practices
80提升 Vue Router 守衛可靠性
Vue Router 的錯誤可能導致過期資料、被略過的檢查,以及重新導向迴圈。此技能提供安全守衛、路由更新、清理與生產環境路由的聚焦模式。
套用 Anthony Fu 開發預設值
現代 TypeScript 專案需要在 linting、測試、發布與文件方面有一致的選擇。此技能會套用 Anthony Fu 對 pnpm、ESLint、Vitest、Vue、Vite、Nuxt 和 monorepos 的預設設定。
安裝前請停止並請求確認。
請審查安裝計畫,並在變更檔案前取得使用者明確同意。
將此請求複製給你的智慧代理,其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "antfu" from https://skillstore.io/skills/antfu-antfu.md and its manifest at https://skillstore.io/api/skills/antfu-antfu/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.你的智慧代理仍應顯示其計畫,並依安全政策請求必要確認。
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時,請使用這些連結。
正在使用「antfu」。 新的 TypeScript package 需要一致的工具設定。
預期結果:
一份設定計畫,選擇 pnpm、嚴格 TypeScript、ESM、@antfu/eslint-config、Vitest 和 VitePress 文件步驟。
正在使用「antfu」。 Vue 應用程式需要 framework 和風格指引。
預期結果:
一份依使用情境選擇 Vite 或 Nuxt,並套用 Vue 3 Composition API、shallow refs、UnoCSS 和 VueUse 的建議。
正在使用「antfu」。 團隊希望在多個 packages 之間共享慣例。
預期結果:
一份 monorepo checklist,涵蓋 pnpm workspaces、package scripts、ESLint cache、集中式 aliases,以及 release workflow 審查重點。
Forty-five static alerts are false positives caused by Markdown, fixed paths, or standard configuration examples. Ten alerts confirm package-manager, script, lint-fix, and hook execution guidance. No prompt injection or secret access was found; mutable third-party Actions create a high-severity supply-chain risk.
這些是真實的本機能力,對此技能而言可能是預期行為,因此需要複核,但不會按已確認的惡意行為計分。
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據,不判斷該 Skill 是否安全。
https://skillstore.io/skills/antfu-antfu/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-antfu?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/antfu-antfu?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-antfu/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/antfu-antfu.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>antfu. (2026). antfu security audit report (audit version 6) [Author version 2026.06.22]. Skillstore. https://skillstore.io/skills/antfu-antfu/audits/6@techreport{antfu-antfu-antfu-2026,
author = {antfu},
title = {antfu security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/antfu-antfu/audits/6},
note = {Author version 2026.06.22}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "antfu security audit report (audit version 6)"
version: "2026.06.22"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-antfu/audits/6"
identifiers:
- type: other
value: "skillstore:antfu-antfu:audit:6"
description: "Skillstore immutable audit report identifier"
使用 pnpm、ESLint、Vitest、VitePress 和發布 scripts 建立嚴格的 ESM package。
套用 Vue 3、Vite 或 Nuxt、UnoCSS、VueUse,以及 TypeScript component 慣例。
設定 pnpm workspaces、共用 scripts、ESLint cache、集中式 aliases,以及選用的 Turborepo 指引。
審查此專案,並建議最小變更集,以符合 Anthony Fu 的 TypeScript、pnpm、ESM 和 ESLint 預設值。
更新專案計畫以納入 @antfu/eslint-config、Vitest、simple-git-hooks 和 lint-staged。包含任何需要使用者核准的 package scripts。
針對此應用程式比較 Vite plus Vue 和 Nuxt。建議 Anthony Fu 風格的 state、props、emits、UnoCSS 和 VueUse 設定。
建立從單一 package 遷移至 pnpm workspace monorepo 的計畫,包含共用 aliases、recursive scripts、ESLint cache,以及 release workflow 防護措施。
作者
antfu授權
MIT
作者版本
v2026.06.22
Skillstore 修訂
r2
版本提示
作者聲明的版本不符合 SemVer 規範。
引用
89edfdc710d0846129dcee6a929477b04f08052c
維護新鮮度
2026/7/25
使用量
9 次下載 · 148 次瀏覽
提升 Vue Router 守衛可靠性
Vue Router 的錯誤可能導致過期資料、被略過的檢查,以及重新導向迴圈。此技能提供安全守衛、路由更新、清理與生產環境路由的聚焦模式。
提升 Vue 測試品質
Vue 測試經常因非同步時序、脆弱的內部實作依賴,以及薄弱的快照而失敗。此技能會引導 Claude、Codex 和 Claude Code 採用可靠的 Vitest、Vue Test Utils 與 Playwright 模式。
提升 Vue 3 型別安全性
Vue 專案經常遇到 template、Volar、router 和 TypeScript 的邊界案例,拖慢審查速度。此技能提供聚焦於 Vue 3 的規則,協助建立更安全的元件、設定與測試。
自信地建構 Vue 3 元件
Vue 團隊需要關於元件、反應性和 TypeScript 模式的最新指引。此 skill 為 Claude、Codex 和 Claude Code 提供聚焦的 Vue 3.5 參考資料。
更快速建置 Vite 應用程式
Vite 專案需要在開發、建置、外掛與部署之間進行謹慎設定。此技能針對常見 Vite 工作流程提供精簡指引。
建置可靠的 Vitest 測試套件
現代 JavaScript 專案需要符合 Vite 工作流程的快速測試。此技能會引導 Claude、Codex 和 Claude Code 完成 Vitest 設定、mock、覆蓋率、fixtures、篩選、snapshots 和 CI 使用方式。
改善 Vue Options API 元件
由 vuejs-ai
Vue Options API 專案可能會失去型別安全性與正確的 this 綁定。此技能提供更安全 Vue 元件的直接模式。
建立可調適的 Vue Composables
由 vuejs-ai
當呼叫端傳入一般值、refs 和 getters 的混合時,Vue composables 經常會失效。此技能會引導 Claude、Codex 和 Claude Code 設計具備可預測 Vue reactivity 的可重用 composables。
改善 TypeScript 專案
由 sickn33
TypeScript 專案經常面臨嚴格型別、緩慢建置與複雜遷移的挑戰。此技能為現代 TypeScript 工作提供實用的診斷、審查清單與解決方案模式。
提升 Playwright 測試覆蓋率
由 C0ntr0lledCha0s
當設定、定位器和 fixtures 不一致時,Playwright 測試套件可能會變得不穩定。此技能提供可靠瀏覽器測試、除錯和可重用 page objects 的實用模式。
Audit NestJS Code with Evidence-Backed Findings
由 amirtaherkhani
NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.
使用 starknet.js 建置 Starknet 應用程式
由 internet-court
Starknet 整合需要精確處理提供者、帳戶、交易與費用。此技能為 Claude、Codex 與 Claude Code 提供實用的 starknet.js v9 模式。