CheckboxWrapper.vue

<script setup>
defineProps(['value'])
</script>

<template>
  <label class="checkbox-wrapper">
    <slot />
    <span>{{ value }}</span>
  </label>
</template>

<style scoped>
.checkbox-wrapper {
  display: flex;
  gap: var(--spacing);
}
</style>