<template>
  <m-select v-model="selVal" clearable>
    <m-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </m-option>
  </m-select>
</template>

<script setup>
import { ref } from 'vue-demi'
const selVal = ref('')

const options = [
  { value: 'value1',label: 'Option1'},
  { value: 'value2',label: 'Option2'},
  { value: 'value3',label: 'Option3'},
  { value: 'value4',label: 'Option4'},
  { value: 'value5',label: 'Option5'},
]
</script>