fix: improve search to only match title and excerpt, not raw HTML content

components/search/SearchOverlay.tsx

@@ -55,8 +55,9 @@ export default function SearchOverlay() {
       setLoading(true)
       try {
         const params = new URLSearchParams({
-          search: query.trim(),
           'filter[status][_eq]': 'published',
+          'filter[_or][0][title][_icontains]': query.trim(),
+          'filter[_or][1][excerpt][_icontains]': query.trim(),
           limit: '8',
           fields: 'id,title,slug,category.slug,category.name',
           access_token: process.env.NEXT_PUBLIC_DIRECTUS_TOKEN ?? '',

lib/directus.ts

@@ -144,8 +144,13 @@ export async function searchArticles(query: string): Promise<Article[]> {
   return getClient().request(
     readItems('articles', {
       fields: ['id', 'title', 'slug', 'category.slug', 'category.name'],
-      search: query,
-      filter: { status: { _eq: 'published' } },
+      filter: {
+        _or: [
+          { title: { _icontains: query } },
+          { excerpt: { _icontains: query } },
+        ],
+        status: { _eq: 'published' },
+      },
       limit: 8,
     })
   ) as Promise<Article[]>