[fix] using hash symbol in search query causes broken display

[phproberto]

When submitting a search containing the hash symbol the query request is truncated and you get JSON used as text result.

Sample query: the #1 problem

Expected AJAX query: s?q=the%20%231%20problem&l=20&sl=300&search_type=auto&ajax=true
Actual query: s?q=the

The issue comes because without encoding uri parameter the query becomes:

/s?q=the #1 problem&l=20&sl=300&search_type=auto&ajax=true

And everything after the hash symbol is removed.

This introduces: encodeURIComponent() so everything is encoded before making the request.

See:
https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Objetos_globales/encodeURIComponent

[phproberto]

BTW you can see that a lot of sites have that issue:

https://www.google.com/search?q=%22Powered+by+tntsearch%22

And search on any result page something like: this#1. You will see the JSON Markup shown.

[w00fz]

This looks good to me! Good catch and thank you for the fix.

Did you recompile the js via npm run prod? I just wanted to make sure before I merge this in.

[phproberto]

I did yarn dev & yarn watch but now I've executed yarn prod just to ensure is ok

[w00fz]

Perfect. Thank you 👍