^{Originally posted by luc122c September 8, 2023}
I was taking a look at the way Vuefire detects and connects to the Firebase emulators:

⚠  logging: Logging Emulator unable to start on port 4500, starting on 4501 instead.

The firebase emulator hub offers a REST API to query the running emulators and get back the actual host and port in use. I think this would be a more robust solution.

We could simply fetch this endpoint, and capture the host and ports from it. A rough example below:

const emulators = await $fetch<FirebaseEmulatorConfig>(`http://${HOST}:4400/emulators`)
 
if (emulators.firestore) {
  const { host, port } = emulators.firestore;
  connectFirestoreEmulator(firestore, host, port);
}

if (emulators.auth) {
  const { host, port } = emulators.auth;
  connectAuthEmulator(auth, `http://${host}:${port}`);
}

I've been using this in my testing to connect to the emulators and it works fine. Just thought I'd post this idea to get your thoughts.