title: How can I combine vue tel input with input text vuetify?
body: <p>My code like this : </p>
  
  <pre><code>&lt;v-row&gt;        
      &lt;v-col cols="12" sm="6" md="3"&gt;
      &lt;v-text-field
          label="Phone"
          outlined 
          dense
      &gt;&lt;/v-text-field&gt;
      &lt;/v-col&gt;
      &lt;v-col cols="12" sm="6" md="3"&gt;
      &lt;vue-tel-input v-model="phone"&gt;&lt;/vue-tel-input&gt;
      &lt;/v-col&gt;
  &lt;/v-row&gt;
  </code></pre>
  
  <p>My codepen like this : <a href="https://codepen.io/positivethinking639/pen/qBBKYON?&amp;editable=true&amp;editors=101" rel="nofollow noreferrer">https://codepen.io/positivethinking639/pen/qBBKYON?&amp;editable=true&amp;editors=101</a></p>
  
  <p>I want to combine it to be like this :</p>
  
  <p><a href="https://i.stack.imgur.com/b8TEM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/b8TEM.png" alt="enter image description here"></a></p>
  
  <p>The blue sign is taken from vue tel input. The text field next to it is taken from the vuetify component</p>
  
  <p>How do I combine 2 different components into one like the image above?</p>