[ADrawer]: Persistent Prop Fails to Update Post-Initialization

[Icet]

What is actually happening?

<script setup lang="ts">
const isDrawerShown = ref(false)
const isPersistent = ref(false)
</script>

<template>
  <ADrawer
    v-model="isDrawerShown"
    title="Drawer title"
    :persistent="isPersistent"
  >
     <ABtn @click="isPersistent = !isPersistent" >
        Change Persistent
     </ABtn>
  </ADrawer>
</template>

When I update the isPersistent value to true, AMenu can still be closed by clicking the mask.

What is Expected?

When Persistent is updated, the closing behavior should meet expectations.