How to make vuetify.VDialog movable?

[NimaGhorab]

I have a simple piece of code that contains a button:

from trame.app import get_server
from trame.widgets import vuetify
from trame.ui.vuetify import SinglePageLayout

# -----------------------------------------------------------------------------
# Get a server to work with
# -----------------------------------------------------------------------------

server = get_server(client_type = "vue2")

# -----------------------------------------------------------------------------
# GUI
# -----------------------------------------------------------------------------

with SinglePageLayout(server) as layout:
    layout.title.set_text("Draggable Dialog")
    with layout.content:
        with vuetify.VBtn("Open Dialog", style="margin-left: 80px;", click="dialog = true"):
            vuetify.VIcon("mdi-open-in-new")

    with vuetify.VDialog(v_model=("dialog", False), draggable=True): 
        with vuetify.VCard():
            vuetify.VCardTitle("Draggable Dialog")
            vuetify.VTextField(v_model=("text_input", ""), label="Enter some text")
            vuetify.VBtn("Close", click="dialog = false")

# -----------------------------------------------------------------------------
# Main
# -----------------------------------------------------------------------------

if __name__ == "__main__":
    server.start()

When a user clicks the download button, it opens a Vuetify VDialog.
Is there any way to make this Vuetify VDialog movable/draggable?
Thanks a lot.

[jourdain]

That component does that.
You can see the associated JS code.

[NimaGhorab]

Thanks a lot, dear Jourdain.
How can I open and close it?

[jourdain]

v_show=.... It might be good to read what vue.js has to offer. https://vuejs.org/api/built-in-directives.html#v-show

[NimaGhorab]

Thanks a lot, dear Jourdain.
If I want to change the v_show property in the click argument of a button, how am I supposed to do it?
Thank you so much.

[jourdain]

Exactly the same way you did. There is absolutely no difference.