From 047add5a0d7e8f6c90b3443032ce9c128ffafce6 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 20 Mar 2026 13:33:42 +0000
Subject: [PATCH 1/2] Fix 2FA setup modal not re-opening

---
 resources/js/components/two-factor/Setup.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/two-factor/Setup.vue b/resources/js/components/two-factor/Setup.vue
index 34c45dbbb3..2580087466 100644
--- a/resources/js/components/two-factor/Setup.vue
+++ b/resources/js/components/two-factor/Setup.vue
@@ -52,7 +52,7 @@ function complete() {
 </script>
 
 <template>
-    <Modal v-if="setupModalOpen" :title="__('Set up Two Factor Authentication')" blur open @update:model-value="$emit('cancel')">
+    <Modal v-if="setupModalOpen" :title="__('Set up Two Factor Authentication')" blur open @dismissed="$emit('close')">
         <div>
             <div v-if="loading" class="flex items-center justify-center text-center">
                 <Icon name="loading" />

From 531c30cacd39c99d0120239e1da6c7ccccafe024 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 20 Mar 2026 13:50:37 +0000
Subject: [PATCH 2/2] You're absolutley right!

---
 resources/js/components/two-factor/Setup.vue | 21 ++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/resources/js/components/two-factor/Setup.vue b/resources/js/components/two-factor/Setup.vue
index 2580087466..4be153468c 100644
--- a/resources/js/components/two-factor/Setup.vue
+++ b/resources/js/components/two-factor/Setup.vue
@@ -1,8 +1,8 @@
 <script setup>
-import { ref, onMounted } from 'vue';
+import { ref, onMounted, watch } from 'vue';
 import TwoFactorRecoveryCodesModal from '@/components/two-factor/RecoveryCodesModal.vue';
 import axios from 'axios';
-import { Modal, Input, Button, Icon } from '@/components/ui';
+import { Modal, ModalClose, Input, Button, Icon } from '@/components/ui';
 
 const emit = defineEmits(['setup-complete', 'cancel', 'close']);
 
@@ -49,10 +49,14 @@ function complete() {
     recoveryCodesModalOpen.value = false;
     emit('setup-complete');
 }
+
+watch(setupModalOpen, (open) => {
+    if (!open) emit('close');
+});
 </script>
 
 <template>
-    <Modal v-if="setupModalOpen" :title="__('Set up Two Factor Authentication')" blur open @dismissed="$emit('close')">
+    <Modal v-model:open="setupModalOpen" :title="__('Set up Two Factor Authentication')" blur>
         <div>
             <div v-if="loading" class="flex items-center justify-center text-center">
                 <Icon name="loading" />
@@ -88,11 +92,12 @@ function complete() {
 
         <template #footer>
             <div class="flex items-center justify-end space-x-3 pt-3 pb-1">
-                <Button
-                    variant="ghost"
-                    @click="$emit('close')"
-                    :text="__('Cancel')"
-                />
+                <ModalClose>
+                    <Button
+                        variant="ghost"
+                        :text="__('Cancel')"
+                    />
+                </ModalClose>
                 <Button
                     :disabled="!code"
                     variant="primary"