Как передать параметры в composable instance в Vue3?

Question

[Pan Propan]

Всем добра.
Для модалок использую библиотеку vue-final-modal.

Надавно библиотек обновилась, перешла полностью на CompositionApi.
Соответственно переписывая старый код столкнулся с такой трудностью, не понимаю как передать Параметр в инстан объекта

Код формы

const editPatient = useModal({
  component: PatientEditForm,
  attrs: {
    patientId: "",
  },
});

В шаблоне Vue открываю модалку так

<template #item-actions="{ idParam }">
              <button class="mx-4" @click="editPatient.open()">
                <i class="fa-solid fa-pen-to-square"></i>
              </button>
            </template>

Так вот мне нужно передать idParam в параметр patientId.
Никак не пойму как это сделать.
Пробовал так но не сработало

function openEditForm(id:string) {
  editPatient.patchOptions;({
    attrs: {
      patientId: id,
    }
  });
  editPatient.open();
};

Answer 1

[Pan Propan]

const editPatient = useModal({
  component: PatientEditForm,
  attrs: {
    patientId: "",
    afterEdit() {
      console.log('dfdfdf');
    },
  },
});

function openEditForm(id: string) {
  editPatient.patchOptions({
    attrs: {
      patientId: id,
    },
  });
  editPatient.open();
};

<template #item-actions="{ id }">
              <button class="mx-4" @click="openEditForm(id)">
                <i class="fa-solid fa-pen-to-square"></i>
              </button>
            </template>