Skill.md検索

React HooksをVue 3 Composition API（``）に系統的に変換できます（useState→ref、useEffect→watch等）。 pedaru-vueプロジェクトの設計思想（単なる機能移植ではなくVue3ベストプラクティス）に沿った実装ができます。 Composables設計やコンポーネント間のインターフェース設計を、既存実装への影響を最小化しながら実装できます。 TypeScript型安全性を保ちながら、Vue3のreactive性（ref・computed・watch）を効果的に活用した実装ができます。 React/Next.jsから Vue3/Nuxtへのプロジェクト移植を担当する開発者 React HooksのパターンをVue3の作法に変換したい学習者 pedaru-vueプロジェクトでComposables設計やコンポーネント実装を行う開発チーム Vue3のベストプラクティスに沿ったPDFビューワーアプリ開発を進めたいエンジニア Vue 3 + TypeScript プロジェクトのAIアシスタント実装ガイドです。プロジェクト概要：pedaru（React/Next.js PDFビューワー）をVue3/Nuxtに移植する際、単なる機能移植ではなくVue3ベストプラクティス設計を目指す（技術スタック：Vue 3 Composition API、Nuxt 3、TypeScript、Pinia）。React Hooks→Vue3マッピング：useState→ref/reactive、useEffect→watch/watchEffect/onMounted、useCallback→通常関数、useMemo→computed、useRef→ref/useTemplateRef、useContext→provide/inject/Pinia、useReducer→Pinia store。useEffect変換：依存配列なし→onMounted、依存配列あり→watch（immediate:true）、クリーンアップ→onUnmounted内で処理。移植対象外：Electron/Tauri固有処理、互換性維持コード、過剰なエラーハンドリング。当ガイドは断片読みでは不適切なため全文読み込みが必須。