Как установить firebase в vue 3 проект?

Устанавливаю sdk firebase так npm i firebase --save

В консоли webstorm выдает вот это:

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\webpack-dev-server\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\watchpack-chokidar2\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

+ [email protected]
added 75 packages from 30 contributors and audited 1411 packages in 21.38s

87 packages are looking for funding
  run `npm fund` for details

found 34 vulnerabilities (15 moderate, 19 high)
  run `npm audit fix` to fix them, or `npm audit` for details

Далее пытаюсь в main.js инициализировать firebase:

import firebase from 'firebase/app';
const firebaseConfig = {
    //Данные
};
firebase.initializeApp(firebaseConfig);

В итоге в консоли браузера такая ошибка:

Uncaught TypeError: Cannot read properties of undefined (reading 'initializeApp')
    at eval (webpack-internal:///./src/main.js:41)
    at Module../src/main.js (app.js:2137)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at Object.1 (app.js:2174)
    at __webpack_require__ (app.js:854)
    at checkDeferredModules (app.js:46)
    at app.js:994
    at app.js:997