a2e4517518
Added iOS platform to Vue 3 test app and created standalone iOS test app: Vue 3 Test App (daily-notification-test): - Added iOS platform via 'npx cap add ios' - Created ios/ directory with Xcode project structure - Added DailyNotificationPlugin to Podfile - Generated App.xcodeproj and App.xcworkspace Standalone iOS Test App (ios-test-app): - Created App structure with Capacitor configuration - Added DailyNotificationPlugin to Podfile - Created capacitor.config.json with plugin settings - Copied test HTML interface (575 lines) from Android test app - Set up public/ directory for web assets Plugin Integration: - Both Podfiles configured with plugin path: '../../../ios' - Plugin dependencies ready for 'pod install' - Configuration files created and verified Documentation: - Created IOS_TEST_APPS_SETUP_COMPLETE.md with setup details - Documented next steps for CocoaPods and Xcode building All command-line setup complete. Ready for: - pod install (requires CocoaPods) - Xcode building and testing
daily-notification-test
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VS Code + Vue (Official) (and disable Vetur).
Recommended Browser Setup
- Chromium-based browsers (Chrome, Edge, Brave, etc.):
- Firefox:
Type Support for .vue Imports in TS
TypeScript cannot handle type information for .vue imports by default, so we replace the tsc CLI with vue-tsc for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Note: The postinstall script automatically fixes Capacitor configuration files after installation.
Capacitor Sync (Android)
Important: Use the wrapper script instead of npx cap sync directly to automatically fix plugin paths:
npm run cap:sync
This will:
- Run
npx cap sync android - Automatically fix
capacitor.settings.gradle(corrects plugin path fromandroid/toandroid/plugin/) - Ensure
capacitor.plugins.jsonhas the correct plugin registration
If you run npx cap sync android directly, you can manually fix afterward:
node scripts/fix-capacitor-plugins.js
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Lint with ESLint
npm run lint