When use v-bind with object for multiple props. How to use .prop modifier

[east-rain]

I use a Component that has multiple props.

This is my code

const val = {
    text: 'a', value: 'b'
}
const text = 'some text';

<template>
    <some-component :myVal.prop="val" :someText="text" />
</template>

I want to combine this using v-bind
And I have to use .prop modifier for some reason.
(https://vuejs.org/api/built-in-directives.html#v-bind)

So I try like this.

const multipleProp = {
    'myVal.prop': { text: 'a', value: 'b' },
    someText: 'some text'
}

<template>
    <some-component v-bind="multipleProp" />
</template>

But It doesn't works.
How to use a .prop modifier in this case?

[east-rain]

found how to do.
Just using

<template>
    <some-component v-bind.prop="multipleProp" />
</template>