Nested v-for array of objects with dynamic attributes

Hi,

I have the following array of objects
const buttons = [
{variat: “primary”, href="/url"},
{variat: “secondary”, href="/url2"}
];
As you know b-button has a lot of properties. Now I want to dynamically pass my object keys to b-button component. To make this happen I need two v-for. First to iterate over buttons and second for object keys.
I need something like this
<b-button
v-for="(button, idx) in buttons"
v-for="(value, key) in button"
:[key]="${value}"

The main idea don’t pass attributes manually like this
<b-button
v-for="(button, idx) in buttons"
:variant="${button.variant}"
:href="${button.href}"

Thanks.