feat: add escape tagged function to escape html

[JacopoPatroclo]

It would be nice to have a tag function to escape unsafe inputs.
It improves readability in cases like this.

function Comp(props: { something: string, times: number }) {
   return <div>{Html.escape`You have ${props.something} ${props.times} times`}</div>
}

instead of:

function Comp(props: { something: string, times: number }) {
   return <div>You have {Html.escapeHtml(props.something)} {Html.escapeHtml(props.times)} times</div>
}

Let me know if it makes sense and if you like the implementation.
If you agree I will also make a PR to support this new way of escaping in the ts plugin

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (3ab074a) 98.71% compared to head (447b088) 98.74%.
Report is 1 commits behind head on master.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #112      +/-   ##
==========================================
+ Coverage   98.71%   98.74%   +0.02%     
==========================================
  Files           4        4              
  Lines        1009     1032      +23     
==========================================
+ Hits          996     1019      +23     
  Misses         13       13              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[arthurfiorette]

Hey @JacopoPatroclo awesome idea! Yes I'd love if you could add support for it in the ts plugin!

I'll change the implementation to follow this package's code standards and also export an alias called e, which would reduce verbosity in this case.

import { Html, e } from '@kitajs/html';

html = <div>{e`...`}</div>

[arthurfiorette]

@JacopoPatroclo what do you think?

[JacopoPatroclo]

Hey @JacopoPatroclo awesome idea! Yes I'd love if you could add support for it in the ts plugin!

I'll change the implementation to follow this package's code standards and also export an alias called e, which would reduce verbosity in this case.

import { Html, e } from '@kitajs/html';

html = <div>{e`...`}</div>

I do not like such an extreme shortening, makes the code more obscure. But of course, this is my opinion and this is not my project 🤓
I'm glad that you liked the idea of using a tag function.
I'm going to open a PR in the other repo to support this new way of escaping HTML.