title: Why does my vue-tel-input country code dropdown not format properly in my vuejs app?
body: <p>I installed the vue-tel-input library <a href="https://vuejsexamples.com/international-telephone-input-with-vue/" rel="nofollow noreferrer">https://vuejsexamples.com/international-telephone-input-with-vue/</a> in my vuejs project. Why does my input field look like this with no country flags and no country code?</p>
  <p><a href="https://i.stack.imgur.com/NCxQi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NCxQi.png" alt="![enter image description here" /></a></p>
  <p>This may be related to an error I saw when installing the yarn library...</p>
  <pre><code>error /Users/xxx/Documents/Work/software/xx/xx/node_modules/vue-tel-input: Command failed.
  Exit code: 1
  Command: cd docs &amp;&amp; npm ci --prefer-offline
  Arguments: 
  Directory: /Users/xxx/Documents/Work/software/xx/xx/node_modules/vue-tel-input
  Output:
  /bin/sh: line 0: cd: docs: No such file or directory
    [1]: https://i.stack.imgur.com/AwkyP.png
  </code></pre>
  <p>Here is my relevant component code...</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;div&gt;
      &lt;VueTelInput v-model=&quot;phoneNumber&quot; v-bind=&quot;bindProps&quot;&gt;&lt;/VueTelInput&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
   import { VueTelInput } from 'vue-tel-input'
   import 'vue-tel-input/dist/css/component.css'
   import 'vue-tel-input/dist/css/sprite.css'
  
   export default {
     name: 'CuiRegister',
     computed: {
       ...mapState(['settings']),
       loading() {
         return this.$store.state.user.loading
       },
     },
    components: { VueTelInput }
   }
  &lt;/script&gt;
  </code></pre>