default panel expanded

components/content/RefseqDb.vue

@@ -172,7 +172,8 @@ function namesToAccessionChips(names: string[]) {
         return { ...it, href: new URL(it.title, "http://toto.pasteur.cloud").toString() }
     })
 }
-
+const taxoPanel: Ref<number> = ref(0)
+const systemPanel: Ref<number> = ref(0)
 
 
 </script>
@@ -192,7 +193,7 @@ function namesToAccessionChips(names: string[]) {
             <v-col :cols="fullWidth ? 12 : 6">
 
                 <v-card color="transparent" flat>
-                    <v-expansion-panels>
+                    <v-expansion-panels v-model="systemPanel">
                         <v-expansion-panel elevation="3">
                             <v-expansion-panel-title color="grey-lighten-4">Systems</v-expansion-panel-title>
                             <v-expansion-panel-text>
@@ -204,14 +205,17 @@ function namesToAccessionChips(names: string[]) {
             </v-col>
             <v-col :cols="fullWidth ? 12 : 6">
                 <v-card flat color="transparent">
-                    <v-expansion-panels>
-                        <v-expansion-panel elevation="3">
+                    <v-expansion-panels v-model="taxoPanel">
+                        <v-expansion-panel elevation="3" :value="true">
                             <v-expansion-panel-title color="grey-lighten-4">
                                 Taxonomic
 
 
                             </v-expansion-panel-title>
                             <v-expansion-panel-text>
+                                <v-select v-model="selectedTaxoRank" :items="availableTaxo" density="compact"
+                                    label="Select taxonomic rank"></v-select>
+
 
                                 <PlotFigure defer :options="unref(computedDistriTaxoOptions)"></PlotFigure>