I want to show the product names under each category in the header menu of Vue Storefront 2

In VSF2, the default menu shows category names in the header, and if a category has its own subcategories, they appear in the dropdown. However, I want to display a list of product names in the dropdown menu when the user hovers over a category in the header. How can I achieve this? Please share some custom code for this implementation." Let me know if you'd like help with the custom code! I have attached refer image. I am using Vuestorefront 2.