From edaae77744d77ee0c0a5a651dbe9b583e9791245 Mon Sep 17 00:00:00 2001
From: Md Afiq Iskandar <mdafiqiskandar@gmail.com>
Date: Mon, 7 Jul 2025 11:34:40 +0800
Subject: [PATCH] Add Reactive States for Field Settings in Form Builder

- Introduced new reactive states in the form-builder component to manage field settings and navigation confirmations.
- Added states for showFieldSettings, showUnsavedChangesModal, navigationConfirmed, pendingNavigation, navigationTarget, and activeSettingsTab to enhance user experience and control over form interactions.
---
 pages/form-builder/index.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/pages/form-builder/index.vue b/pages/form-builder/index.vue
index 775d0fc..c0ee70c 100644
--- a/pages/form-builder/index.vue
+++ b/pages/form-builder/index.vue
@@ -982,6 +982,12 @@ const showFormHistoryModal = ref(false);
 const showDropdown = ref(false);
 const leftSidebarTab = ref('components');
 const showFieldSettingsPanel = ref(true);
+const showFieldSettings = ref(false);
+const showUnsavedChangesModal = ref(false);
+const navigationConfirmed = ref(false);
+const pendingNavigation = ref(null);
+const navigationTarget = ref(null);
+const activeSettingsTab = ref('info');
 
 // Responsive device preview state
 const selectedDevice = ref('Desktop');