title: How to use fontawesome-icon component in bootstrap-select component in vue app?
body: <p>I would like to use the font-awesome-icon component in a b-form-select-option component in my vue app.</p>
  <pre><code>  &lt;b-form-select id=&quot;icon-select&quot; v-model=&quot;selected&quot;&gt;
      &lt;b-form-select-option :value=&quot;coffee&quot;&gt;&lt;font-awesome-icon :icon=&quot;['fas', 'coffee']&quot; /&gt;&lt;/b-form-select-option&gt;
      &lt;b-form-select-option :value=&quot;user-secret&quot;&gt;&lt;font-awesome-icon :icon=&quot;['fas', 'user-secret']&quot; /&gt;&lt;/b-form-select-option&gt;
    &lt;/b-form-select&gt;
  
  &lt;script&gt;
      import { library } from '@fortawesome/fontawesome-svg-core'
      import { faUserSecret, faCoffee } from '@fortawesome/free-solid-svg-icons'
      library.add(faUserSecret, faCoffee);
      
        export default  {
          name: 'rooms-vue',
      
          props: [],
          data () {
            return {
              selected: null,
          }
        }
  &lt;/script&gt;
  </code></pre>
  <p>The code looks (condensed) as above. The icons are not being display. What am I missing out?</p>
  <p>Until now, I have found e.g. this thread:
  <a href="https://stackoverflow.com/questions/63144268/font-awesome-icons-not-loading-as-expected-in-option-list-but-are-when-selected">Font Awesome Icons not loading as expected in Option List (But are when selected)</a></p>
  <p>But as far as I understand, this is not the suggested way in the fortawesome specs.</p>