render (h, { props, data, slots, listeners, ...rest }) {
    const nonNativeEvents = {
      change: (e) => {
        const emitChange = listeners.change
        if (emitChange) {
          emitChange(e)
        }
      }
    }

    const { native, nonNative } = extractListeners({ listeners }, nonNativeEvents)

    return h(CInput, {
      ...rest,
      props: {
        ...forwardProps(props),
        as: 'select'
      },
      on: nonNative,
      nativeOn: native,
      domProps: {
        value: props.value
      },
      attrs: {
        appearance: 'none',
        pr: '2rem',
        pb: 'px',
        lineHeight: 'normal',
        ...data.attrs,
        'data-chakra-component': 'CSelectInput'
      }
    }, [
      props.placeholder && h('option', {
        attrs: {
          value: ''
        }
      }, props.placeholder),
      slots().default
    ])
  }
CSelectInput component

The select input component

@extends CInput
@see Docs https://vue.chakra-ui.com/select