How to get the actual data for select options in quasar?

Question

---

I am getting [object Object] as select option values

<q-select
v-model="product_type"
:options="types"
option-label="label"
option-value="type_name"
label="Product Type"
emit-value
map-options
/>

---

I am getting [object Object] as select option values

export default {
data () {
    return {
        types: []
    }
},
created () {
    this.$axios.get(['http://127.0.0.1:8000/api/lailen-inventory/types'])
        .then(res => {
            this.types = res.data.types
        }).catch(errors => {
            console.log(errors)
        })
}
}