связать модальные на соответствующую кнопку после v-для

я пытаюсь привязать вю bootstrap модальные кнопки после отображение множества с в-в:

вот мой код:

<template>  <div>    <b-container fluid>      <b-row>        <b-col xs="12" sm="12" md="6" lg="4" v-for="project in projects" v-bind:key="project.id">          <p>           {{ project.body }}          </p>          <b-button variant="primary" v-b-modal.mymodal>go somewhere</b-button>          <b-modal id="mymodal" size="lg" title="large modal" centered >            hello modal!          </b-modal>        </b-col>      </b-row>  </b-container>  </div></template><script>  import jsonprojects from '@/data/projects.json'  export default {    name: 'grid',    data () {      return {        projects: jsonprojects      }    }  }</script>

с этой установки, когда я нажимаю на одну кнопку все модальные глаголы открыты, так что мой вопрос, как привязать "в-б-модал.mymodal" на id="mymodal" динамически с идентификатором данных, например.

данные представляют собой простой формат json.

спасибо всем.