feat: refs #8647 init

src/components/VnTable/VnTable.vue

@@ -63,7 +63,7 @@ const $props = defineProps({
         default: null,
     },
     create: {
-        type: Object,
+        type: [Boolean, Object],
         default: null,
     },
     createAsDialog: {

src/components/VnTable/VnTableFilter.vue

@@ -26,7 +26,7 @@ function columnName(col) {
 }
 </script>
 <template>
-    <VnFilterPanel v-bind="$attrs" :search-button="true" :disable-submit-event="true">
+    <VnFilterPanel v-bind="$attrs" :search-button="true" :data-key="$attrs['data-key']">
         <template #body="{ params, orders, searchFn }">
             <div
                 class="container"

src/components/ui/CardSummary.vue

@@ -12,7 +12,7 @@ const props = defineProps({
         default: '',
     },
     filter: {
-        type: Object,
+        type: [String, Object],
         default: null,
     },
     userFilter: {

src/components/ui/VnPaginate.vue

@@ -2,7 +2,9 @@
 import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'composables/useArrayData';
+import { useAttrs } from 'vue';
 
+const attrs = useAttrs();
 const { t } = useI18n();
 
 const props = defineProps({
@@ -75,7 +77,7 @@ const props = defineProps({
         default: false,
     },
     mapKey: {
-        type: String,
+        type: [String, Boolean],
         default: '',
     },
     keyData: {
@@ -219,7 +221,7 @@ defineExpose({
 </script>
 
 <template>
-    <div class="full-width">
+    <div class="full-width" v-bind="attrs">
         <div
             v-if="!store.data && !store.data?.length && !isLoading"
             class="info-row q-pa-md text-center"

src/components/ui/VnSearchbar.vue

@@ -42,7 +42,7 @@ const props = defineProps({
         default: null,
     },
     order: {
-        type: String,
+        type: [String, Array],
         default: '',
     },
     limit: {