Button vue Component - props are not reactive

[roolian]

Issue

The Button component props are not reactive.

<Button :leftIcon="ListBulletIcon" as="button" @click="displayGrid=false" :variant="displayGrid ? 'outline' : 'solid'" :color="displayGrid ? 'secondary' : 'success'">
   Liste
 </Button>

Inside component, props.variant change but not mergedProps.variant.

Solution

This change fix the issue.
Remove "computed" import

import { computed } from "@vue/reactivity";

Import "computed" from "vue"

import { inject, computed } from "vue";