capacitor-vue - Apply Vue patterns in Capacitor apps
Guides Vue 3 developers through Capacitor plugins, composables, reactive state, lifecycle hooks, routing, platform detection, and framework integrations.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Detect Vue and Capacitor versions
- Detect project meta-framework
- Configure Capacitor web directory
- Integrate Capacitor plugins
- Create reusable Vue composables
- Manage reactive plugin state
- Register lifecycle event listeners
- Detect native platforms
- Integrate Vue Router deep links
- Configure PWA Elements
- Integrate Quasar projects
- Integrate Nuxt projects
Inputs
- Vue project files
- Capacitor project files
- Build configuration
- Project directory structure
Outputs
- Step-by-step development guidance
- Capacitor configuration
- Vue composables and components
- Plugin event listener setup
- Native platform projects
Requirements
- Vue 3 project
- Capacitor 6, 7, or 8
- Node.js and npm
- Xcode for iOS development
- Android Studio for Android development