- Codice internazionale numero + Country

src/components/CMySelect/CMySelect.vue

@@ -22,6 +22,47 @@
     </div>
     <div v-else>
       <q-select
+        v-if="pickup"
+        filled
+        :model-value="myvalue"
+        clearable
+        use-input
+        hide-selected
+        fill-input
+        input-debounce="300"
+        :dense="dense"
+        :input-class="myclass"
+        :options="valori"
+        :option-value="optval"
+        :option-label="optlab"
+        map-options
+        @filter="filterFn"
+        @update:model-value="changeval"
+        :label="label"
+        options-selected-class="text-deep-orange"
+        v-bind="$attrs"
+        style="width: 250px"
+      >
+        <template v-slot:no-option>
+          <q-item>
+            <q-item-section class="text-grey">
+              No results
+            </q-item-section>
+          </q-item>
+        </template>
+        <template v-slot:option="scope">
+          <q-item v-bind="scope.itemProps">
+            <q-item-section avatar>
+              {{ scope.opt.flag }}
+            </q-item-section>
+            <q-item-section>
+              <q-item-label> {{ scope.opt.value }}</q-item-label>
+            </q-item-section>
+          </q-item>
+        </template>
+      </q-select>
+      <q-select
+        v-else
         :multiple="multiple"
         rounded
         outlined