title: Render unicode list in vue.js
body: <p>Im converting an old project to Vue.js, and Im having trouble rendering a select list that contains Font Awesome icons inside it.</p>
  
  <p>My code was...</p>
  
  <pre><code>&lt;select id='fa_select'&gt;
    &lt;option value='fa fa-address-book'&gt;&amp;#xf2b9; fa-address-book&lt;/option&gt;
    &lt;option value='fa fa-address-book-o'&gt;&amp;#xf2ba; fa-address-book-o&lt;/option&gt;
    etc etc etc 
  &lt;/select&gt;
  </code></pre>
  
  <p>Which works fine in the old project using bootstrap and Jquery.</p>
  
  <p>But when I put this list into Vue.js however, it doesnt work.  I have vue-bootstrap installed, and have fa-icons working.  For instance, I can do </p>
  
  <pre><code>&lt;i class='fa fa-phone'&gt;&lt;/i&gt;
  </code></pre>
  
  <p>And it displays just fine, so I know the stylesheet for Font Awesome icons is importing and working properly.</p>
  
  <p>So then, why won't they display in the list??</p>
  
  <p>I also tried v-html as well, just incase I needed to wrap it as html, that also didnt work either. </p>
  
  <pre><code>&lt;option value='fa fa-address-book' v-html="'&amp;#xf2b9; fa-address-book'"&gt;&lt;/option&gt;
  </code></pre>
  
  <p>Any ideas?</p>