capacitor-vue

Import the plugin and call it directly in a component using the Composition API, or wrap it in a composable for reusability. Composables encapsulate reactive state with ref and handle errors, making plugins like Camera and Geolocation easy to share across components.

Register plugin listeners in onMounted and remove them in onUnmounted by storing the PluginListenerHandle returned by addListener. Vue's reactivity picks up ref changes automatically, but failing to call handle.remove() on unmount causes memory leaks.

Yes, but you must set ssr: false in nuxt.config.ts and build with npx nuxi generate to produce a static SPA. Set webDir to .output/public in the Capacitor config, and use .client.ts Nuxt plugins for Capacitor initialization.

Run quasar mode add capacitor instead of installing Capacitor manually. Quasar manages the native projects under src-capacitor/, and you use quasar dev -m capacitor or quasar build -m capacitor rather than npx cap commands.

The backButton listener must check the canGoBack property before calling App.exitApp(). If canGoBack is true, call router.back() to navigate history; only exit the app when there is no navigation history remaining.

You must run npx cap sync after installing any new plugin and after rebuilding the web app. Also verify that webDir in capacitor.config.ts matches your Vue build output directory, which is dist for Vite projects.