Переключатель TailwindCSS headlessui не работает с полем useForm() IntertiaJS ⇐ Javascript

[Гость]

Я пытаюсь использовать компонент Tailwind headlessui в приложении Vue3/InertiaJS, и когда я помещаю его в свой компонент, как указано в документации, используя включенный ref() для значения, оно работает нормально. Однако, когда я привязываю его через v-model к значению useForm() следующим образом:

const form = useForm({ включено: ложь ... }) это не работает. Вместо этого кнопка вообще не работает и ошибок консоли нет. У меня есть много других полей в той же форме, которые отлично работают с полями формы, так что это только это. Единственное отличие, которое я вижу, заключается в том, что в примерах используется ref(), а в useForm() используется reactive(), но я не могу посмотрим, почему это имеет значение.