Check out the code snippet below. I have implemented a v-dialog from Vuetify and I want the background to appear dark or blurry when the dialog is open:
<v-dialog v-model="logoutdialog" width="500" >
<v-card>
<v-card-title>
<span>Logout</span>
<v-spacer></v-spacer>
<v-menu bottom left>
<template v-slot:activator="{ on, attrs }">
<v-btn
icon
v-bind="attrs"
v-on="on"
@click="logoutdialog= false">
<v-icon>mdi-close</v-icon>
</v-btn>
</template>
</v-menu>
</v-card-title>
<v-card-actions>
<v-btn
color="primary" text @click="logoutdialog = false">
Close
</v-btn>
</v-card-actions>
</v-card>
[![expected output][1]][1]
</v-dialog>
The image link below shows how the dialog should look like after implementation: [1]: https://i.sstatic.net/oXD3f.jpg