Webstorm cant resolve firebase 9 imports

My problem is that my IDE (WebStorm) doesn't recognize Firebase imports. It throws the following error:

Cannot resolve symbol getFirestore.

Here are my imports:

import { initializeApp, getApps } from "firebase/app";
import {
    getAuth,
    setPersistence,
    browserSessionPersistence,
} from "firebase/auth";
import { getAnalytics } from "firebase/analytics";
import { getFirestore } from "firebase/firestore";

The code works as it should, but Webstorm just cant recognize the imports, which also means that I get to autocompletion etc...

I've tried doing "invalidate cache and restart"
I've tried deleting node_modules and package.lock.json and reinstalled everything
I have the latest Webstorm version installed


It's a Vue3 project with the default Typescript setup coming from Vue Cli