Trying to use the search function of nuxt content / Sort links by directory

Hey there, first off, i'm very new to webdev. I'm going to be asking a lot of really stupid questions here, so bear with me. I tried to google for solutions but unfortunately, it would seem i don't know the questions to google for...

Im currently trying to fully implement the nuxt content thingie into my home page. It's working well; i managed to get everything set up to my liking, except for two issues i have.

First, i'm trying to implement the search functionality here. I've copied the code snippets, and am seeing the behaviour visible in screenshot 1 and 2, respectively. Needless to say, the search bar doesn't do anything and the search results don't update.

Secondly, i am trying to get the links to my markdown files to be grouped by category (read: folder structure). I have set up the example structure in screenshot 3 (please ignore the actual content, these are just some of my notes, which i happen to take in markdown anyway), which displays as seen in screenshot 4. I've tried to work off of the official documentation, mainly by nesting the ContentDoc-component inside the ContentNavigation component. This did not work at all. I've googled this and tried this, which also only throws errors.
SXuG9vp.png
DNdoeYE.png
o1JnzW5.png
W2lTdYD.png
Stack Overflow
I'm having this list of blogposts called articles
that I call from the content folder.
async asyncData ({ $content }) {
const articles = await $content('', { deep: true })
// .where({ ...
Fetch all nested content files and group them by directories in Nux...
Was this page helpful?