feat: refs #6480 hide if no content

This reverts commit 984539b70f, reversing
changes made to d7ab6e8a02.

@@ -141,3 +112,1 @@
-                    </VnInput>
-                </QItemSection>
-            </QItem>
+                    <QItemSection>

@@ -7,7 +7,6 @@ import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
 import FetchData from 'components/FetchData.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import VnInputDate from 'components/common/VnInputDate.vue';
-import { useCapitalize } from 'src/composables/useCapitalize';

@@ -0,0 +11,4 @@
+const stateStore = useStateStore();
+</script>
+<template>
+    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">

@@ -102,3 +102,3 @@
 
 onBeforeRouteLeave((to, from, next) => {
-    if (hasChanges.value)
+    if (hasChanges.value && $props.observeFormChanges)

@@ -1,5 +1,5 @@
 <script setup>
-import { onBeforeMount, useSlots, watch, computed, ref } from 'vue';

@@ -63,3 +59,4 @@
 
 async function getData() {
     store.url = $props.url;
+    store.filter = $props.filter ?? {};

@@ -48,9 +48,10 @@ onBeforeMount(async () => {
 
 async function fetch() {
     store.url = props.url;
+    store.filter = props.filter ?? {};

@@ -131,13 +131,6 @@ async function search() {
                 />
             </template>
             <template #append>
-                <QIcon

@@ -9,0 +15,4 @@
+    if (!actions.value && !data.value) return;
+
+    // Check if there's content to display
+    const observer = new MutationObserver(

@@ -16,2 +32,3 @@
 <template>
-    <QToolbar class="bg-vn-section-color justify-end sticky">
+    <QToolbar
+        class="justify-end sticky"

@@ -173,2 +173,4 @@
     color: white !important;
 }
+
+.q-scrollarea__content {

@@ -12,3 +12,3 @@
     },
 });
-const { params } = useRoute();
+const router = useRoute();

@@ -32,3 +32,3 @@
 
 const worker = ref();
-const filter = { where: { id: route.params.id}};
+const filter = computed(() => {

@@ -28,3 +28,3 @@
 });
 
-const filter = { where: { id: entityId.value } };
+const filter = computed(() => {

@@ -0,0 +12,4 @@
+const props = defineProps({
+    dataKey: { type: String, required: true },
+    baseUrl: { type: String, default: undefined },
+    customUrl: { type: String, default: undefined },