bug: v-model not working on gcds-checkbox

[ethanWallace]

Context : Issue was flagged first by DFO user , but product team ended creating the ticket

As noted in this comment the v-model is not working properly for the gcds-checkbox component in Vue.

Example

https://stackblitz.com/edit/vitejs-vite-vmu2f2?file=src%2FApp.vue

<script setup>
import { ref } from 'vue'
const checkboxValue = ref(false)
</script>

<template>
<gcds-checkbox
    checkbox-id="checkbox-default"
    label="CheckboxLabel"
    name="checkbox"
    hint="Description or example to make the option clearer."
    v-model="checkboxValue"
    >
</gcds-checkbox>
</template>

[adorayi]

Start with investigation.

[ethanWallace]

Might need to configure componentModel in output configuration for gcds-checkbox https://stenciljs.com/docs/vue#componentmodels

[ClementineHahn]

Being tackled today to investigate

[daine]

Pausing on this since we are revisiting the checkbox component soon