title: VueJS and Firebase - import firebase package the correct way
body: <p>I struggle with the correct import of the firebase SDK. I use Vue3 and installed firebase via <code>yarn add firebase</code></p>
  <p>This is my firebase.js file:</p>
  <pre><code>import firebase from 'firebase/app';
  </code></pre>
  <p>However, this results in the following error: <code>1:1  error  'firebase/app' should be listed in the project's dependencies. Run 'npm i -S firebase/app' to add it  import/no-extraneous-dependencies </code></p>
  <pre><code>import firebase from 'firebase';
  </code></pre>
  <p>This works, but I get the follwing warning:</p>
  <pre><code>It looks like you're using the development build of the Firebase JS SDK.
  When deploying Firebase apps to production, it is advisable to only import
  the individual SDK components you intend to use.
  
  For the module builds, these are available in the following manner
  (replace &lt;PACKAGE&gt; with the name of a component - i.e. auth, database, etc):
  
  CommonJS Modules:
  const firebase = require('firebase/app');
  require('firebase/&lt;PACKAGE&gt;');
  
  ES Modules:
  import firebase from 'firebase/app';
  </code></pre>
  <p>So, first way seems to be recommended, but it does not work out for me. What am I doing wrong?</p>