starter nuxt ionic tailwind firebase

NUXT 3 Ionic Tailwind Firebase Minimal Starter

Mire la documentación de Nuxt 3 para obtener más información.

• Módulo iónico Nuxt - https://ionic.nuxtjs.org/
• Módulo Nuxt Supabase - https://supabase.nuxtjs.org/
• Módulo Nuxt Tailwind - https://tailwindcss.nuxtjs.org/
• Nuxt vuefire - https://vuefire.vuejs.org/nuxt/getting-started.html
  • Problema de autenticación: Firebase/Firebase-JS-SDK#5019
• Extensión del código Ionic vs - https://ionicframework.com/docs/intro/vscode-extension

cambia package.json para usar la extensión Ionic y crear aplicaciones para dispositivos móviles

  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi generate",
    "ionic:build": "npm run build",
    "ionic:serve": "npm run dev"
  },

Cambios nuxt.config.ts para usar ssr:false extensión iónica y auth:false compilación de aplicaciones para dispositivos móvil

 export default defineNuxtConfig({
  modules: ["@nuxtjs/ionic", "@nuxtjs/tailwindcss", "nuxt-vuefire"],
  ssr: false,
  vuefire: {
    auth: false,
    config: {
      apiKey: process.env.FIREBASE_API_KEY,
      projectId: process.env.FIREBASE_PROJECT_ID,
      appId: process.env.FIREBASE_APP_ID,
    },
  },
  ionic: {
    css: {
      utilities: true,
    },
  },
});

Cambia capacitor.config.ts para usar la extensión iónica y la compilación de aplicaciones para dispositivos móviles, debe configurar WebDir en dist

 import { CapacitorConfig } from '@capacitor/cli'

const config: CapacitorConfig = {
  appId: 'io.ionic.starter',
  appName: 'nuxt-ionic-playground',
  webDir: 'dist',
  bundledWebRuntime: false,
}

export default config

Resolver el problema de la base de fuego

Debido al problema de Firebase en el condensador, escribí mi propio compuesto de getauth que debe usarse cuando se ejecuta en el dispositivo

 import {
  indexedDBLocalPersistence,
  initializeAuth,
} from "firebase/auth";
import { getApp } from "firebase/app";
export const useFbAuth = () => {
  let auth;
  console.log("use persistence");
  auth = initializeAuth(getApp(), {
    persistence: indexedDBLocalPersistence,
  });
  return auth;
};