在我使用Vuetify 2的項目中，我希望對話框出現在主體的中心，特別是導航抽屜的右邊，而不是占據整個屏幕。

<template>
  <v-app>
    <v-navigation-drawer v-model="drawer" app>
      <!-- Navigation drawer content here -->
    </v-navigation-drawer>

    <v-app-bar app>
      <!-- App bar content here -->
    </v-app-bar>

    <v-main>
      <v-container fluid>
        <!-- Page content here -->

        <!-- Dialog component -->
        <v-dialog v-model="dialogVisible" max-width="500px">
          <template v-slot:activator="{ on }">
            <!-- Open dialog button -->
            <v-btn @click="dialogVisible = true" v-on="on">Open Dialog</v-btn>
          </template>

          <v-card>
            <!-- Dialog content here -->
          </v-card>
        </v-dialog>
      </v-container>
    </v-main>
  </v-app>
</template>