Nuxt 3 Minimal Starter + VueFire + Ionic

Look at the Nuxt 3 documentation to learn more.

Setup

Install CocoaPods with

brew install cocoapods

Make sure to install the dependencies:

pnpm install

Development Server

Start the development server on http://localhost:3000:

pnpm run dev

Production

Build the application for production:

pnpm run build

Locally preview production build:

pnpm run preview

Check out the deployment documentation for more information.

iOS

Open ios/App/App.xcodeproj in Xcode.

• Select the App icon in the file explorer and setup "Signing and Capabilities"
• Select Window => Device & Simulator, select your device and put it in Developer mode.

On your device, Settings -> General -> VPN & Device Management, then trust the developer.

pnpm run generate
npx cap run ios

Using Ionic VSCode extension

• Use the terminal commands above first, then use the extension once that works OK.
• Click Run->iOS in Ionic extension

Android

• Install Android Studio
• Android Studio's build system, Gradle, needs relatively old version of JDK. Install older version of OpenJDK.

brew install openjdk@17

• Check java version

java --version

• fix symlinks if incorrect

cd /usr/local/opt/openjdk
rm openjdk
ln -s ../Cellar/openjdk@17/17.0.10 openjdk

• Use Ionic extension to open project in Android Studio and check Tools -> Device Manager.