Fix blog post search by adding navigation prop to UContentSearch

[Copilot]

Search was not displaying blog posts - only showing "Blog" link and theme options.

Changes

• Added queryCollectionNavigation('posts') call to fetch navigation structure in app.vue
• Passed navigation prop to UContentSearch component

Technical Details

UContentSearch requires both files (search sections) and navigation (content structure) props. The component's mapNavigationItems function matches search sections against navigation paths to generate results. Without navigation, no matches occur.

// Before
const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('posts'), {
  server: false
})

// After
const { data: files } = useLazyAsyncData('search', () => queryCollectionSearchSections('posts'), {
  server: false
})

const { data: navigation } = useLazyAsyncData('navigation', () => queryCollectionNavigation('posts'), {
  server: false
})

<LazyUContentSearch
  :files="files"
  :navigation="navigation"
  shortcut="meta_k"
  :links="links"
  :fuse="{ resultLimit: 42 }"
/>

Screenshots

Before:

After:

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• api.fontshare.com
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev (dns block)
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev adCheckSync,BoundaryEventDispatchTracksNodeRemoval,DestroyProfileOnBrowserClose,DialMediaRouteProvider,GlobalMediaControls,HttpsUpgrades,LensOverlay,MediaRouter,OptimizationHi (dns block)
• api.fontsource.org
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev (dns block)
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev adCheckSync,BoundaryEventDispatchTracksNodeRemoval,DestroyProfileOnBrowserClose,DialMediaRouteProvider,GlobalMediaControls,HttpsUpgrades,LensOverlay,MediaRouter,OptimizationHi (dns block)
• fonts.bunny.net
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev (dns block)
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev adCheckSync,BoundaryEventDispatchTracksNodeRemoval,DestroyProfileOnBrowserClose,DialMediaRouteProvider,GlobalMediaControls,HttpsUpgrades,LensOverlay,MediaRouter,OptimizationHi (dns block)
• fonts.google.com
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev (dns block)
  • Triggering command: /usr/local/bin/node node /home/REDACTED/work/techwatching.dev/techwatching.dev/node_modules/.bin/nuxt dev adCheckSync,BoundaryEventDispatchTracksNodeRemoval,DestroyProfileOnBrowserClose,DialMediaRouteProvider,GlobalMediaControls,HttpsUpgrades,LensOverlay,MediaRouter,OptimizationHi (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

Original prompt

can you correct the search which is not working properly on the website? blog posts are not displayed in the list like they are on https://techwatching.dev. grab the Nuxt UI docs to check what is the issue if needed

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Copilot]

Pull request overview

This PR fixes the blog post search functionality by adding the missing navigation prop to the UContentSearch component. The search was previously only displaying the "Blog" link and theme options instead of actual blog post results.

• Added queryCollectionNavigation('posts') call to fetch navigation structure
• Passed the navigation prop to UContentSearch component

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.