mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-10 17:22:15 +01:00
40 lines
813 B
Vue
40 lines
813 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue';
|
|
|
|
const emit = defineEmits(['update:checked']);
|
|
|
|
const props = defineProps({
|
|
checked: {
|
|
type: [Array, Boolean],
|
|
default: false,
|
|
},
|
|
value: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
id: {
|
|
type: String,
|
|
default: null,
|
|
},
|
|
});
|
|
|
|
const proxyChecked = computed({
|
|
get() {
|
|
return props.checked;
|
|
},
|
|
|
|
set(val) {
|
|
emit('update:checked', val);
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<input
|
|
:id="id"
|
|
v-model="proxyChecked"
|
|
type="checkbox"
|
|
:value="value"
|
|
class="h-4 w-4 rounded bg-card-background border-input-border text-accent-500/80 focus:outline-none focus:ring-ring/50 focus-visible:outline-none focus-visible:ring-ring/50" />
|
|
</template>
|