fix: don't display nothing-found palceholder while query is pending

components/data-view.vue

@@ -104,7 +104,7 @@ const entities = computed(() => {
 			class="relative isolate grid size-full overflow-y-auto"
 			:class="{ 'opacity-50 grayscale': isLoading }"
 		>
-			<div v-if="useGetSearchResults.length > 0" class="grid gap-8">
+			<div v-if="entities.length > 0" class="grid gap-8">
 				<SearchResultsTable
 					:entities="entities"
 					:sorting="sortingState"
@@ -146,7 +146,7 @@ const entities = computed(() => {
 				</Pagination>
 			</div>
 
-			<div v-else>
+			<div v-else-if="!isLoading">
 				<Centered>{{ t("DataView.nothing-found") }}</Centered>
 			</div>
 

messages/de/common.json

@@ -37,11 +37,13 @@
 		"end-date": "End-Datum",
 		"start-date": "Start-Datum"
 	},
+	"DataView": {
+		"nothing-found": "Keine Einträge zu dieser Suche."
+	},
 	"DataPage": {
 		"meta": {
 			"title": "Daten"
 		},
-		"nothing-found": "Nichts gefunden",
 		"search": "Suche",
 		"title": "Daten",
 		"work-in-progress": "Die Datenbank ist derzeit im Aufbau."

messages/en/common.json

@@ -37,11 +37,13 @@
 		"end-date": "End date",
 		"start-date": "Start date"
 	},
+	"DataView": {
+		"nothing-found": "No entries found for this search."
+	},
 	"DataPage": {
 		"meta": {
 			"title": "Data"
 		},
-		"nothing-found": "Nothing found",
 		"search": "Search",
 		"title": "Data",
 		"work-in-progress": "The database is currently work in progress."