explicitly state 'any' type to avoid error

src/components/directory/DirectoryGrid.vue

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