5272cc0912
Move native fetcher configuration from App.vue mounted() to HomeView.vue onMounted() because App.vue's mounted hook was not executing reliably, likely due to Vue router lifecycle timing. Changes: - App.vue: Remove non-executing configuration code, add note explaining move - HomeView.vue: Add configureNativeFetcher() function with full configuration flow including ES256K JWT generation, API URL setup, and starred plans update - Add nativeFetcherConfigured ref to prevent duplicate configuration attempts - Wrap starred plans update in try-catch (non-blocking if it fails) This fixes the issue where TestNativeFetcher was not being configured, causing all prefetch operations to fail with "Not configured" error and fall back to emergency content. Verified: Configuration now executes successfully on HomeView mount, TestNativeFetcher shows "Configured with API" in logcat.
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