The Vue test app was missing the NotifyReceiver registration in AndroidManifest.xml, preventing alarm broadcasts from being delivered to the BroadcastReceiver. This caused notifications scheduled via setAlarmClock() to fire but not display. Added NotifyReceiver registration matching the working android-test-app configuration. Also includes supporting improvements: - Enhanced alarm scheduling with setAlarmClock() for Doze exemption - Unique request codes based on trigger time to prevent PendingIntent conflicts - Diagnostic methods (isAlarmScheduled, getNextAlarmTime, testAlarm) - TypeScript definitions for new methods Verified: Notification successfully fired at 09:41:00 and was displayed.
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