kodadot/nft-gallery

<template>
  <o-checkbox
    :model-value="checkboxValue"
    class="neo-checkbox"
    :native-value="checkboxValue"
    :disabled="disabled"
    :label-class="labelClass"
    :root-class="rootClass"
    :size="size"
    @update:model-value="updateValue"
  >
    <slot />
  </o-checkbox>
</template>

<script lang="ts" setup>
import { useVModel } from '@vueuse/core'
import { OCheckbox } from '@oruga-ui/oruga-next'

const props = defineProps<{
  disabled?: boolean
  modelValue: boolean
  labelClass?: string
  rootClass?: string
  size?: string
}>()

const emit = defineEmits(['update:modelValue'])
const checkboxValue = useVModel(props, 'modelValue')
const updateValue = (event) => {
  emit('update:modelValue', event)
}
</script>

<style lang="scss">
@import './NeoCheckbox.scss';
</style>