title: Vuetify - How to keep the first expansion panel open by default and if I open another panel, the others should be close?
body: <p>Basically, the thing is I have 4 expansion panel and I want the first panel should be open or expanded by default and when I click on the second panel the first one should be close.</p>
  
  <p>In vuetify doc they have both the eg. one for how to by default open the panel and second is, when one should open others should be closed.  </p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;
   &lt;div class="text-xs-center mb-3"&gt;{{ panel }}&lt;/div&gt;    
   &lt;v-expansion-panel
    expand
    v-model="panel"&gt;
    &lt;v-expansion-panel-content
      v-for="(details,index) in marketCapDetails"
      :key="index"&gt;
      &lt;template v-slot:header&gt;
         &lt;p&gt;{{details.sr_no }}&lt;/p&gt;
         &lt;p&gt;{{details.currency }}&lt;/p&gt;
      &lt;/template&gt;
      &lt;v-card&gt;
        #some code
      &lt;/v-card&gt;      
    &lt;/v-expansion-panel-content&gt;
  &lt;/v-expansion-panel&gt;
  </code></pre>
  
  <p><br>
  </p>
  
  <p>and in my script</p>
  
  <pre><code>export default {   
    data() {
      return {
              panel:[true, false, false, false]
           }   
        }
  }
  </code></pre>