<UModal title="Are you sure you want to log out?">
                  <UButton
                    variant="ghost"
                    class="justify-start cursor-pointer w-full text-left text-red-500 hover:bg-red-500/10"
                    >
                    <UIcon name="i-lucide-log-out" class="mr-2" />
                    Logout
                  </UButton>
                  
                  <template #body>
                      <div class="flex justify-center gap-2">
                        <UButton
                          variant="outline"
                          >Cancel</UButton
                          >
                          <UButton
                          variant="solid"
                          color="error"
                          @click="logout"
                          >Logout</UButton
                        >
                    </div>
                  </template>
                </UModal>

<UModal title="Are you sure you want to log out?">
                  <UButton
                    variant="ghost"
                    class="justify-start cursor-pointer w-full text-left text-red-500 hover:bg-red-500/10"
                    >
                    <UIcon name="i-lucide-log-out" class="mr-2" />
                    Logout
                  </UButton>
                  
                  <template #body>
                      <div class="flex justify-center gap-2">
                        <UButton
                          variant="outline"
                          >Cancel</UButton
                          >
                          <UButton
                          variant="solid"
                          color="error"
                          @click="logout"
                          >Logout</UButton
                        >
                    </div>
                  </template>
                </UModal>