When searching we can now see a snippet of the content of each result.

website/search.py

@@ -1,4 +1,4 @@
-from nicegui import __version__, background_tasks, events, ui
+from nicegui import __version__, app, background_tasks, events, ui
 
 
 class Search:
@@ -53,14 +53,17 @@ class Search:
     def handle_input(self, e: events.ValueChangeEventArguments) -> None:
         async def handle_input():
             with self.results:
-                results = await ui.run_javascript(f'return window.fuse.search("{e.value}").slice(0, 50)', timeout=6)
+                results = await ui.run_javascript(f'return window.fuse.search("{e.value}").slice(0, 100)', timeout=6)
                 self.results.clear()
                 for result in results:
-                    href: str = result['item']['url']
-                    with ui.element('q-item').props('clickable') \
-                            .on('click', lambda href=href: self.open_url(href), []):
-                        with ui.element('q-item-section'):
-                            ui.label(result['item']['title'])
+                    if result['item']['content']:
+                        href: str = result['item']['url']
+                        with ui.element('q-item').props('clickable') \
+                                .on('click', lambda href=href: self.open_url(href), []):
+                            with ui.element('q-item-section'):
+                                ui.label(result['item']['title']).style('font-weight: 500')
+                                ui.label(result['item']['content'][:200] + '...').classes('text-grey')
+
         background_tasks.create_lazy(handle_input(), name='handle_search_input')
 
     def open_url(self, url: str) -> None: