Implement a fullstack web-component using Lit for search.quarkus.io

[ia3andy]

I was pinged on a PR to enhance the search experience on quarkus.io. This was using Vue and I thought it would not have been easy to maintain on the long term.

This is why I suggested using the web-bundler and make it a Full-stack Web Component instead. This would be a good show-case for this use-case and would make this tool easier to maintain.. Win Win.

It took quite some time to implement as there are big constraints (fallbacks) due to infrastructure restriction in the community.

The web-component is implemented quarkusio/search.quarkus.io#58

Missing pieces to make it available in production:

• add local search fallback
• quarkus.io integration

[yrodiere]

Thanks for staying on top of this.

A couple things to add:

1. Add copyright mentions for the various assets copied to the search.quarkus.io repository.
   See qs web-components quarkusio/search.quarkus.io#58 (comment) :

   For the icons copyright, I've used the one from quarkusio so we should mimic what they are doing?

2. Search should only get triggered when a minimum number of chars is entered OR a category is selected ; it's already implemented in the existing Vue application, see the request here and the code here and there.
3. The abort logic needs some work, see qs web-components quarkusio/search.quarkus.io#58 (comment)
   and how it can be implemented here