diff --git a/frontend/src/views/ds/form.vue b/frontend/src/views/ds/form.vue
index 29f6015d..7d6460d2 100644
--- a/frontend/src/views/ds/form.vue
+++ b/frontend/src/views/ds/form.vue
@@ -8,7 +8,7 @@
     @closed="close"
     modal-class="add-datasource_dialog"
   >
-    <template #header="{ close, titleId, titleClass }">
+    <template #header="{ title }">
       <div style="display: flex">
         <div style="margin-right: 24px">{{ title }}</div>
         <el-steps
@@ -180,7 +180,7 @@ const excelUploadSuccess = ref(false);
 const tableListLoading = ref(true);
 const token = wsCache.get("user.token");
 const headers = ref<any>({ "X-SQLBOT-TOKEN": `Bearer ${token}` });
-const title = ref('')
+const title = ref("");
 
 const rules = reactive<FormRules>({
   name: [
@@ -223,7 +223,7 @@ const close = () => {
 const open = (item: any, editTable: boolean = false) => {
   isEditTable.value = false;
   if (item) {
-    title.value = 'Edit Datasource'
+    title.value = "Edit Datasource";
     isCreate.value = false;
     form.value.id = item.id;
     form.value.name = item.name;
@@ -245,7 +245,7 @@ const open = (item: any, editTable: boolean = false) => {
     }
 
     if (editTable) {
-      title.value = 'Choose Tables'
+      title.value = "Choose Tables";
       active.value = 1;
       isEditTable.value = true;
       isCreate.value = false;
@@ -278,7 +278,7 @@ const open = (item: any, editTable: boolean = false) => {
       });
     }
   } else {
-    title.value = 'Add Datasource'
+    title.value = "Add Datasource";
     isCreate.value = true;
     isEditTable.value = false;
     checkList.value = [];