<template>
  <div>
    <q-checkbox v-model="value" label="Label on Right" />
  </div>
</template>

<script setup>
import { computed } from 'vue';
import {QCheckbox} from 'quasar'

const props = defineProps(['modelValue']);
const emit = defineEmits(['update:modelValue']);

const value = computed({
  get() {
    return props.modelValue;
  },
  set(value) {
    emit('update:modelValue', value);
  },
});

inheritAttrs: false;
</script>
