Изменить модальную форму vuetify

Question

Мне нужно отредактировать форму, созданную Vuetify, поэтому мне нужно заполнить поля существующими данными, которые зависят от карты, по которой я щелкаю. Я использую модальное диалоговое окно для его отображения.

Как я могу это сделать?

пример моего кода, если вам нужно больше, дайте мне знать.

<template>
    <div class="editGroup">
        <v-dialog
                v-model="dialog"
                max-width="50%">

            <template v-slot:activator="{ on }">
                <v-icon class="penIcon" v-on="on">mdi-pencil-outline</v-icon>
            </template>

     <v-card>
       <p class="mt-12">Choose a name for your group</p>
       <v-text-field
       v-model="groupName"
    ></v-text-field>
  </v-card>
</template>


<script>
data() {
     return {
        groupName: ''
}
}

</script>

Редактировать: Я передаю реквизиты объекта своих групп от родителя к потомку (этот компонент). Как я могу сделать, чтобы отобразить правильные данные для щелчка правой карты?