Modal Props data is not passing

I have followed this docs https://ionicframework.com/docs/api/modal

Modal is opening but not data is being passed.

this is my Modal Component

import { IonContent, IonHeader, IonTitle, IonToolbar, modalController, IonButton, IonButtons } from ‘@ionic/vue’;

import { defineComponent } from ‘vue’;

export default defineComponent({

name: ‘ProductDetailsModal’,

props: [‘title’],

data() {

return { 

    content:'assda',

}

},

components: { IonContent, IonHeader, IonTitle, IonToolbar, IonButton, IonButtons },

methods: {

  dismissModal(){

    modalController.dismiss();

  }

}

});

there is some code missing here? Where are you calling the modal?