I want to make that when a button is clicked, a dialog appears associated only with this button. Now when clicked, they open all at once.

<v-col v-for="(goal, i) in goals" :key="i">
  <v-card>
    <v-card-actions>
      <v-btn @click="more = true">
        Подробнее
      </v-btn>
    </v-card-actions>
  </v-card>
  <v-dialog v-model="more">
    <v-card>
      <v-btn @click="more = false">
         Agree
      </v-btn>
    </v-card>
  </v-dialog>
</v-col>

<script>
export default {
  data: () => ({
    more: false,
  }),
}
</script>