如何在使用Quasar对话框插件时将属性传递给组件

<template>
  <q-dialog ref="myDialogRef">
    <q-card>
      <q-card-section>
        <div class="text-h6">Dialog Content</div>
        <p>Message: {{ message }}</p>
      </q-card-section>
      <q-card-actions align="right">
        <q-btn flat label="OK" color="primary" v-close-popup />
      </q-card-actions>
    </q-card>
  </q-dialog>

  <q-btn label="Open Dialog" @click="openDialog" />
</template>

<script>
import { ref } from 'vue';
import { QDialog } from 'quasar';

export default {
  components: {
    QDialog
  },
  setup() {
    const myDialogRef = ref(null);
    const message = ref('Hello, Quasar!');

    function openDialog() {
      if (myDialogRef.value) {
        myDialogRef.value.show();
      }
    }

    return {
      myDialogRef,
      message,
      openDialog
    };
  }
};
</script>