From 89c74e19a091a9a4c485738901d6ea86626102a3 Mon Sep 17 00:00:00 2001
From: Thibaud Dauce <git@hadibut.fr>
Date: Tue, 21 Apr 2026 12:00:28 +0200
Subject: [PATCH 1/2] fix: try to fix new tabular /explore page

---
 pages/explore.vue | 48 ++++++++++++++++++++++++-----------------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/pages/explore.vue b/pages/explore.vue
index dd95a8a08..f7f9b0445 100644
--- a/pages/explore.vue
+++ b/pages/explore.vue
@@ -19,7 +19,7 @@
 
       <form
         class="fr-search-bar fr-search-bar--lg w-full"
-        @submit.prevent="search"
+        @submit.prevent="() => execute()"
       >
         <label
           for="search-input"
@@ -48,14 +48,14 @@
       </p>
 
       <div
-        v-if="results && results.data.length > 0"
+        v-if="displayedDatasets.length > 0"
         class="space-y-4"
       >
         <p class="text-sm text-gray-500">
-          {{ results.total }} résultat{{ results.total > 1 ? 's' : '' }}
+          {{ results!.total }} résultat{{ results!.total > 1 ? 's' : '' }}
         </p>
         <div
-          v-for="dataset in results.data"
+          v-for="dataset in displayedDatasets"
           :key="dataset.id"
           class="border rounded p-4 space-y-2"
         >
@@ -68,12 +68,9 @@
           >
             {{ dataset.organization.name }}
           </p>
-          <div
-            v-if="dataset.resources.length > 0"
-            class="space-y-1"
-          >
+          <div class="space-y-1">
             <button
-              v-for="resource in dataset.resources"
+              v-for="resource in explorableResources(dataset)"
               :key="resource.id"
               class="flex items-center gap-2 text-sm px-3 py-2 rounded hover:bg-blue-50 w-full text-left transition-colors"
               @click="selectResource(resource.id)"
@@ -90,17 +87,11 @@
               </span>
             </button>
           </div>
-          <p
-            v-else
-            class="text-sm text-gray-400 italic"
-          >
-            Aucune ressource
-          </p>
         </div>
       </div>
 
       <p
-        v-else-if="results && results.data.length === 0 && status === 'success'"
+        v-else-if="results && status === 'success'"
         class="text-sm text-gray-500 italic"
       >
         Aucun résultat
@@ -123,7 +114,7 @@
 </template>
 
 <script setup lang="ts">
-import { TabularExplorer, filesize } from '@datagouv/components-next'
+import { TabularExplorer, filesize, useHasTabularData } from '@datagouv/components-next'
 import type { Dataset } from '@datagouv/components-next'
 import type { PaginatedArray } from '~/types/types'
 
@@ -131,17 +122,28 @@ useSeoMeta({ robots: 'noindex' })
 
 const query = ref('')
 const resourceId = ref('')
-const searchQuery = ref('')
 
-const { data: results, status } = await useAPI<PaginatedArray<Dataset>>(
-  computed(() => searchQuery.value ? `/api/1/datasets/?q=${encodeURIComponent(searchQuery.value)}&page_size=10` : ''),
-  { lazy: true, server: false },
+const searchParams = computed(() => ({ q: query.value, page_size: 10 }))
+
+const { data: results, status, execute } = await useAPI<PaginatedArray<Dataset>>(
+  '/api/1/datasets/',
+  {
+    query: searchParams,
+    immediate: false,
+    watch: false,
+  },
 )
 
-function search() {
-  searchQuery.value = query.value
+const hasTabularData = useHasTabularData()
+
+function explorableResources(dataset: Dataset) {
+  return dataset.resources.filter(hasTabularData)
 }
 
+const displayedDatasets = computed(() =>
+  results.value?.data.filter(dataset => explorableResources(dataset).length > 0) ?? [],
+)
+
 function selectResource(id: string) {
   resourceId.value = id
 }

From 4dde2c1c38ccecebe06c1a4e85c69a8c0e2a929c Mon Sep 17 00:00:00 2001
From: Thibaud Dauce <git@hadibut.fr>
Date: Thu, 23 Apr 2026 13:00:32 +0200
Subject: [PATCH 2/2] add format csv

---
 pages/explore.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/pages/explore.vue b/pages/explore.vue
index f7f9b0445..7bb0a9adc 100644
--- a/pages/explore.vue
+++ b/pages/explore.vue
@@ -123,7 +123,7 @@ useSeoMeta({ robots: 'noindex' })
 const query = ref('')
 const resourceId = ref('')
 
-const searchParams = computed(() => ({ q: query.value, page_size: 10 }))
+const searchParams = computed(() => ({ q: query.value, page_size: 10, format: 'csv' }))
 
 const { data: results, status, execute } = await useAPI<PaginatedArray<Dataset>>(
   '/api/1/datasets/',