How do I programatically control Sheet?

[Rohithgilla12]

I tried something like this, but it doesn't work!

Is it actually possible or how do we do it?

<script setup lang="ts">
import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetHeader,
  SheetTitle
} from '@/components/ui/sheet'

import { ref } from 'vue'

let open = ref(false)
</script>

<template>
  <main>
    <button @click="open = true">Open</button>
    {{ open }}
    <Sheet v-bind:modal="open">
      <SheetContent>
        <SheetHeader>
          <SheetTitle>Are you absolutely sure?</SheetTitle>
          <SheetDescription>
            This action cannot be undone. This will permanently delete your account and remove your
            data from our servers.
          </SheetDescription>
        </SheetHeader>
      </SheetContent>
    </Sheet>    
  </main>
</template>

[sadeghbarati]

Can you try v-model:open instead of v-bind:modal?

[Rohithgilla12]

Yes that worked, should have mentioned that yesterday before closing the issue.
Thansk!