vue-options-api-best-practices 是做什麼的？
Vue 3 Options API 風格（data()、methods、this 上下文）。每個參考僅顯示 Options API 解決方案。
Vue 3 Options API 風格（data()、methods、this 上下文）。每個參考僅顯示 Options API 解決方案。
這是一個專門針對 Vue 3 Options API 開發者的技能。它提供了一系列最佳實踐與參考指南，聚焦在傳統的 `data()`、`methods` 和 `this` 上下文使用方式，而非 Composition API。這項技能對習慣或偏好 Vue 2 風格的開發者特別有幫助，因為它提供了熟悉且一致的編碼模式。支援的平台包括但不限於 Claude Code 或 Cursor 等支援技能定義的 AI 代理工具。透過遵循此技能的建議，開發者可以確保其 Vue 3 專案維持可讀性與可維護性，同時避免 Composition API 潛在的學習曲線。此技能僅展示 Options API 的解決方案，使文件保持簡潔與一致性。
npx skills add https://github.com/hyf0/vue-skills/tree/main/skills/vue-options-api-best-practicesInstalled? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Vue 3 Options API 風格（data()、methods、this 上下文）。每個參考僅顯示 Options API 解決方案。
This repo contains 7 individual skills — each has its own dedicated page.
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.
Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.
JSX syntax in Vue (e.g., class vs className, JSX plugin config).
Pinia stores, state management patterns, store setup, and reactivity with stores.
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.