fix: refs #8304 hide skeleton and table titles when no data is available

src/components/common/VnDmsList.vue

@@ -17,7 +17,7 @@ import { useSession } from 'src/composables/useSession';
 const route = useRoute();
 const quasar = useQuasar();
 const { t } = useI18n();
-const rows = ref();
+const rows = ref([]);
 const dmsRef = ref();
 const formDialog = ref({});
 const token = useSession().getTokenMultimedia();
@@ -300,6 +300,7 @@ defineExpose({
         :user-filter="dmsFilter"
         :order="['dmsFk DESC']"
         :auto-load="true"
+        :skeleton="false"
         @on-fetch="setData"
     >
         <template #body>
@@ -310,6 +311,7 @@ defineExpose({
                 hide-bottom
                 row-key="clientFk"
                 :grid="$q.screen.lt.sm"
+                v-if="rows.length"
             >
                 <template #header="props">
                     <QTr :props="props" class="bg">
@@ -388,6 +390,14 @@ defineExpose({
                     </div>
                 </template>
             </QTable>
+            <div 
+                v-else 
+                class="info-row q-pa-md text-center"
+            >
+                <h5>
+                    {{ t('No data to display') }}
+                </h5>
+            </div>
         </template>
     </VnPaginate>
     <QDialog v-model="formDialog.show">