diff --git a/demo-quasar/src/viewer/FTableViewer.vue b/demo-quasar/src/viewer/FTableViewer.vue
index d9d60a2..fedd8ab 100644
--- a/demo-quasar/src/viewer/FTableViewer.vue
+++ b/demo-quasar/src/viewer/FTableViewer.vue
@@ -9,9 +9,11 @@
 </template>
 
 <script lang='ts' setup>
-import { FieldType, useForm, useTable, FORM_MODE } from '@fancy-crud/vue'
+import { FieldType, useForm, useTable } from '@fancy-crud/vue'
 import { z } from 'zod'
 
+const displayDialog = ref(false)
+
 const form = useForm({
   id: 'formulario',
   fields: {
@@ -28,8 +30,8 @@ const form = useForm({
       type: FieldType.select,
       label: 'Gender',
       rules: (value: any) => ({ value, rule: z.string().nonempty() }),
-      multiple: true,
-      exclude: true,
+      options: ['m', 'f'],
+      multiple: false,
       wrapper: {
         class: 'col-span-6',
       },
@@ -68,6 +70,12 @@ const form = useForm({
       lookupField: 'id',
     }
   },
+  responseInterceptor: {
+    201: (response: any) => {
+      displayDialog.value = false
+      return response
+    },
+  }
 })
 
 const table = useTable({
@@ -95,12 +103,18 @@ const table = useTable({
     },
     actions: { value: 'actions', label: '', align: 'left' },
   },
-  settings: {
+  settings: () => ({
     url: 'artists/',
     columnsOrder: ['actions', '...'],
-  },
+    displayFormDialog: displayDialog.value,
+  }),
   pagination: {
     rowsPerPage: 10,
   },
 })
+
+setTimeout(() => {
+  displayDialog.value = false
+  console.log('executed')
+}, 10000)
 </script>
diff --git a/package.json b/package.json
index 8d0f711..396e7b3 100644
--- a/package.json
+++ b/package.json
@@ -45,7 +45,7 @@
     "@vitejs/plugin-vue": "^4.4.0",
     "@vue/test-utils": "^2.0.2",
     "@vue/tsconfig": "^0.1.3",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "autoprefixer": "^10.4.13",
     "axios": "^1.4.0",
     "cross-env": "^7.0.3",
diff --git a/packages/vue/package.json b/packages/vue/package.json
index b57670e..5b497a7 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -25,7 +25,7 @@
   },
   "peerDependencies": {
     "@fancy-crud/core": "workspace:^",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "esno": "0.10.0",
     "lodash.isequal": "^4.5.0",
     "lodash.clonedeep": "^4.5.0",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@fancy-crud/core": "workspace:^",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "esno": "0.10.0",
     "lodash.isequal": "^4.5.0",
     "lodash.clonedeep": "^4.5.0",
diff --git a/packages/wrapper-element-plus/package.json b/packages/wrapper-element-plus/package.json
index 6eaf90a..cfa390a 100644
--- a/packages/wrapper-element-plus/package.json
+++ b/packages/wrapper-element-plus/package.json
@@ -26,7 +26,7 @@
   "peerDependencies": {
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "element-plus": "2.5.0",
     "vue": "^3.2.19"
   },
@@ -34,7 +34,7 @@
     "@element-plus/icons-vue": "^2.1.0",
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "element-plus": "2.5.0",
     "vue": "^3.3.4"
   },
diff --git a/packages/wrapper-oruga-ui/package.json b/packages/wrapper-oruga-ui/package.json
index 6ddb9b4..4cfc635 100644
--- a/packages/wrapper-oruga-ui/package.json
+++ b/packages/wrapper-oruga-ui/package.json
@@ -27,14 +27,14 @@
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
     "@oruga-ui/oruga-next": "^0.7.0",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "vue": "^3.2.19"
   },
   "dependencies": {
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
     "@oruga-ui/oruga-next": "^0.7.0",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/packages/wrapper-quasar/package.json b/packages/wrapper-quasar/package.json
index cd3f9d0..42fdd16 100644
--- a/packages/wrapper-quasar/package.json
+++ b/packages/wrapper-quasar/package.json
@@ -27,14 +27,14 @@
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
     "quasar": "^2.13.0",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "vue": "^3.2.19"
   },
   "dependencies": {
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
     "quasar": "^2.13.0",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/packages/wrapper-vuetify/package.json b/packages/wrapper-vuetify/package.json
index a3f4e72..a2b0419 100644
--- a/packages/wrapper-vuetify/package.json
+++ b/packages/wrapper-vuetify/package.json
@@ -27,14 +27,14 @@
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
     "vuetify": "^3.3.23",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "vue": "^3.2.19"
   },
   "dependencies": {
     "@fancy-crud/core": "workspace:^",
     "@fancy-crud/vue": "workspace:^",
     "vuetify": "^3.3.23",
-    "@vueuse/core": "^10.4.1",
+    "@vueuse/core": "^12.7.0",
     "vue": "^3.3.4"
   },
   "devDependencies": {