Change searching method

[hilmanski]

Right now we're searching through javascript that only valid for one page.
As the item grows, we need to make a pagination to not load all items at once.

For that pagination,
we'll need a new search/filter method.
[might be change not live search anymore as we have now]

Watchout there are 3 pages will be affected:
index / tag(list) / random

[hilmanski]

potential solution: https://onebite.dev/add-live-search-in-hugo-website/

[Ravina-Deogadkar]

Can I take this task?

[hilmanski]

HI @Ravina-Deogadkar thanks for your willingness to do this task. Appreciate it.
Here's what I planned to do:

• Pagination limit to 100
• We can get 'API' data from /stuff/index.json
• Search method become a 'HTML form' that submit request to go to another page
• The 'search page' will be like on this link 'https://onebite.dev/add-live-search-in-hugo-website/'. EIther using vanillaJS if you comfortable with it or vueJS, like what's used in the link.
• Cards template will have the same design as we have now.

Thanks. LMK if you have a suggestion / better idea

[Ravina-Deogadkar]

Sure, I have never used vanillaJS before but I can check if it works. Can you assign the issue to me?

[Ravina-Deogadkar]

I am getting an error while cloning in windows 11.

[hilmanski]

Looks like Windows have issue with "|" as a file name.
I've update(delete) that file since its not active anymore.
You can try again after pull the latest change

[arpanbiki]

please assign me this sir.

[hilmanski]

Hi @Ravina-Deogadkar are you still working on this?
If no answer after 2 days, I'll assume you stopped working on it. Thanks!

need to verify since @arpanbiki want to work on it.