<script setup>
import { ref } from 'vue'
import CCheckbox from '../CCheckbox.vue'
const checkboxArray = ref([])
const checkboxBool = ref(false)
</script>

<template>
  <div style="margin: 20px 0">
    <div style="font-weight: bold">{{ 'Array' }}</div>
    <CCheckbox p_Label="test1" v-model="checkboxArray" />
    <CCheckbox p_Label="test2" v-model="checkboxArray" />
    <CCheckbox p_Label="test3" v-model="checkboxArray" />
    model:{{ checkboxArray }}
  </div>

  <div style="margin: 20px 0">
    <div style="font-weight: bold">{{ 'boolean' }}</div>
    <CCheckbox p_Label="テスト" v-model="checkboxBool" />
    model:{{ checkboxBool }}
  </div>
</template>
<style>
:root {
  --q-primary: #5e421d;
}
</style>
