diff --git a/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue b/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
index 891390ba5..309898730 100644
--- a/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
+++ b/console/src/modules/contents/attachments/components/AttachmentPolicyEditingModal.vue
@@ -3,7 +3,7 @@ import { Toast, VButton, VModal, VSpace } from "@halo-dev/components";
 import SubmitButton from "@/components/button/SubmitButton.vue";
 import type { Policy, PolicyTemplate } from "@halo-dev/api-client";
 import cloneDeep from "lodash.clonedeep";
-import { computed, ref, watch, watchEffect } from "vue";
+import { computed, ref, toRaw, watch, watchEffect } from "vue";
 import { useSettingForm } from "@/composables/use-setting-form";
 import { apiClient } from "@/utils/api-client";
 import {
@@ -230,7 +230,7 @@ const onVisibleChange = (visible: boolean) => {
           validation="required|length:0,50"
         ></FormKit>
         <FormKitSchema
-          :schema="formSchema"
+          :schema="toRaw(formSchema)"
           :data="configMapFormData['default']"
         />
       </FormKit>
diff --git a/console/src/modules/interface/themes/ThemeSetting.vue b/console/src/modules/interface/themes/ThemeSetting.vue
index 699c3142a..ec773412f 100644
--- a/console/src/modules/interface/themes/ThemeSetting.vue
+++ b/console/src/modules/interface/themes/ThemeSetting.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 // core libs
-import { inject, ref, computed } from "vue";
+import { inject, ref, computed, toRaw } from "vue";
 
 // components
 import { Toast, VButton } from "@halo-dev/components";
@@ -85,7 +85,7 @@ await suspense();
           @submit="handleSaveConfigMap"
         >
           <FormKitSchema
-            :schema="formSchema"
+            :schema="toRaw(formSchema)"
             :data="configMapFormData[group]"
           />
         </FormKit>
diff --git a/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue b/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue
index bbf456ae9..ce06256f6 100644
--- a/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue
+++ b/console/src/modules/interface/themes/components/preview/ThemePreviewModal.vue
@@ -24,7 +24,7 @@ import {
   Toast,
 } from "@halo-dev/components";
 import { storeToRefs } from "pinia";
-import { computed, markRaw, ref, watch } from "vue";
+import { computed, markRaw, ref, toRaw, watch } from "vue";
 import { useI18n } from "vue-i18n";
 import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
 import { useQuery } from "@tanstack/vue-query";
@@ -361,7 +361,7 @@ const iframeClasses = computed(() => {
                     @submit="handleSaveConfigMap"
                   >
                     <FormKitSchema
-                      :schema="formSchema"
+                      :schema="toRaw(formSchema)"
                       :data="configMapFormData[tab.id]"
                     />
                   </FormKit>
diff --git a/console/src/modules/system/auth-providers/AuthProviderDetail.vue b/console/src/modules/system/auth-providers/AuthProviderDetail.vue
index e6039816f..829cdd57b 100644
--- a/console/src/modules/system/auth-providers/AuthProviderDetail.vue
+++ b/console/src/modules/system/auth-providers/AuthProviderDetail.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from "vue";
+import { computed, ref, toRaw } from "vue";
 import { apiClient } from "@/utils/api-client";
 import { useQuery } from "@tanstack/vue-query";
 import type { AuthProvider, Setting } from "@halo-dev/api-client";
@@ -257,7 +257,7 @@ const handleSaveConfigMap = async () => {
               @submit="handleSaveConfigMap"
             >
               <FormKitSchema
-                :schema="formSchema"
+                :schema="toRaw(formSchema)"
                 :data="configMapFormData[group]"
               />
             </FormKit>
diff --git a/console/src/modules/system/plugins/PluginSetting.vue b/console/src/modules/system/plugins/PluginSetting.vue
index d24ebfa45..1bf07396b 100644
--- a/console/src/modules/system/plugins/PluginSetting.vue
+++ b/console/src/modules/system/plugins/PluginSetting.vue
@@ -14,6 +14,7 @@ import type { ConfigMap, Plugin, Setting } from "@halo-dev/api-client";
 import { useRouteParams } from "@vueuse/router";
 import { useI18n } from "vue-i18n";
 import { useQuery, useQueryClient } from "@tanstack/vue-query";
+import { toRaw } from "vue";
 
 const { t } = useI18n();
 const queryClient = useQueryClient();
@@ -81,7 +82,7 @@ await suspense();
           @submit="handleSaveConfigMap"
         >
           <FormKitSchema
-            :schema="formSchema"
+            :schema="toRaw(formSchema)"
             :data="configMapFormData[group]"
           />
         </FormKit>
diff --git a/console/src/modules/system/settings/SystemSetting.vue b/console/src/modules/system/settings/SystemSetting.vue
index 2c8249bef..99d034f00 100644
--- a/console/src/modules/system/settings/SystemSetting.vue
+++ b/console/src/modules/system/settings/SystemSetting.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 // core libs
-import { computed, ref, type Ref, inject } from "vue";
+import { computed, ref, type Ref, inject, toRaw } from "vue";
 
 // components
 import { Toast, VButton } from "@halo-dev/components";
@@ -83,7 +83,7 @@ await suspense();
           @submit="handleSaveConfigMap"
         >
           <FormKitSchema
-            :schema="formSchema"
+            :schema="toRaw(formSchema)"
             :data="configMapFormData[group]"
           />
         </FormKit>