Need documentation and example as to how to connect to Firebase and Firestore emulator

[jcham]

How exactly does one setup nuxt-vuefire to connect to the Firebase emulator instead of to the Google Cloud servers?

There is some sparse documentation at
https://firebase.blog/posts/2023/12/vuefire-nuxt-is-now-stable/
that seems to say that only creating a firebase.json file is needed, but this doesn't work.

I tried creating the file firebase.json with:

{
  "emulators": {
    "firestore": {
      "port": 8080,
      "host": "127.0.0.1"
    }
  },
  "firestore": {
    "rules": "firestore.rules"
  }
}

and adding to the nuxt.config.ts the following:

// ---- VueFire ----
vuefire: {
  config: {
    apiKey:             process.env.FIREBASE_API_KEY,
    authDomain:         process.env.FIREBASE_AUTH_DOMAIN,
    projectId:          process.env.FIREBASE_PROJECT_ID,
    storageBucket:      process.env.FIREBASE_STORAGE_BUCKET,
    messagingSenderId:  process.env.FIREBASE_MESSAGING_SENDER_ID,
    appId:              process.env.FIREBASE_APP_ID,
  },
  emulators: {
    enabled: true,
    firestore: {
      host: '127.0.0.1',
      port: 8080,
    },
  },
}

but neither one results in it connecting to the local emulator.

Is this a bug or am I missing something?