ionic-vue
Ionic + Vue App Guidelines
This is a SKILL file, NOT a project. Never run
npm installhere. When creating a new project, ask for the project path or scaffold in a separate directory (e.g.~/Projects/<app>).
When to consult these references
Project setup:
- Create a new Vue Ionic project: new-app.md
- Project structure: project-structure.md
- App configuration (
main.ts,App.vue): app-config.md - Routing (
@ionic/vue-router+beforeEachguard): routing.md
Pages and navigation:
More from erkamyaman/ionic-capacitor-skills
ionic-skills
Ionic Capacitor mobile app development with Angular, React, or Vue. RevenueCat payments, AdMob ads, i18n localization, onboarding flow, paywall, and Ionic Tabs navigation.
55ionic-deep-links
Handle deep links in an Ionic Capacitor app — custom URL schemes (myapp://), iOS Universal Links, and Android App Links. Trigger when adding password-reset links, share-to-app URLs, OAuth callbacks, magic-link sign-in, or branded https:// links that open the app instead of the browser.
6ionic-native-essentials
Six small Capacitor plugins bundled — Camera, Filesystem, Share, Haptics, Network, Keyboard. Trigger when adding photo upload, file save/read, native share sheet, haptic feedback, network status detection, or keyboard handling to an Ionic Capacitor app.
6ionic-app-icon-splash
Generate every iOS and Android app icon and splash screen size from a single source PNG using @capacitor/assets. Trigger when adding app icons, generating splash screens, replacing the default Capacitor icon, or shipping any Ionic Capacitor app to a store (icons are non-optional).
6ionic-biometric-auth
Add Face ID / Touch ID / fingerprint authentication to an Ionic Capacitor app via @aparajita/capacitor-biometric-auth. Trigger when adding biometric login, app lock, secure reauthentication, or Face ID/Touch ID gating to a sensitive feature.
6ionic-shared
Framework-agnostic Capacitor concerns shared by Ionic Angular, React, and Vue apps — AdMob, RevenueCat, push notifications, @capacitor/preferences storage, theme switching, localization content, and App/Play store submission notes. Referenced by ionic-angular, ionic-react, and ionic-vue.
5