padreug/web-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

explicitly state 'any' type to avoid error

Browse source
This commit is contained in:
padreug 2025-02-02 18:51:18 +01:00
parent a8f214c50c
commit 078d76092b
1 changed files with 4 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/directory/DirectoryGrid.vue
View file

@ -34,7 +34,7 @@ const filteredItems = computed(() => {
// Apply search if query exists // Apply search if query exists
if (searchQuery.value) { if (searchQuery.value) {
results = fuse.search(searchQuery.value).map(result => result.item) results = fuse.search(searchQuery.value).map((result: { item: any }) => result.item)
} }
// Apply category filter // Apply category filter
@ -50,26 +50,16 @@ const filteredItems = computed(() => {
<div class="container mx-auto px-4 py-8"> <div class="container mx-auto px-4 py-8">
<!-- Filters --> <!-- Filters -->
<div class="mb-8 space-y-4 md:space-y-0 md:flex md:items-center md:justify-between"> <div class="mb-8 space-y-4 md:space-y-0 md:flex md:items-center md:justify-between">
<DirectoryFilter <DirectoryFilter v-model:category="selectedCategory" v-model:search="searchQuery" />
v-model:category="selectedCategory"
v-model:search="searchQuery"
/>
</div> </div>
<!-- Grid --> <!-- Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<DirectoryCard <DirectoryCard v-for="item in filteredItems" :key="item.id" :item="item" />
v-for="item in filteredItems"
:key="item.id"
:item="item"
/>
</div> </div>
<!-- Empty State --> <!-- Empty State -->
<div <div v-if="filteredItems.length === 0" class="text-center py-12">
v-if="filteredItems.length === 0"
class="text-center py-12"
>
<p class="text-lg text-muted-foreground"> <p class="text-lg text-muted-foreground">
No results found. Try adjusting your filters. No results found. Try adjusting your filters.
</p> </p>