34 lines
636 B
Vue
34 lines
636 B
Vue
<script setup>
|
|
import { computed } from "vue";
|
|
|
|
const emit = defineEmits(["update:checked"]);
|
|
|
|
const props = defineProps({
|
|
checked: {
|
|
type: [Array, Boolean],
|
|
required: true,
|
|
},
|
|
value: {
|
|
default: null,
|
|
},
|
|
});
|
|
|
|
const proxyChecked = computed({
|
|
get() {
|
|
return props.checked;
|
|
},
|
|
|
|
set(val) {
|
|
emit("update:checked", val);
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<input
|
|
type="checkbox"
|
|
:value="value"
|
|
v-model="proxyChecked"
|
|
class="rounded bg-zinc-900 text-sky-600 focus:ring-zinc-900 focus:ring-offset-zinc-900 border-gray-700"
|
|
/>
|
|
</template>
|