typed-html icon indicating copy to clipboard operation
typed-html copied to clipboard

Alpine Js support

Open dullkingsman opened this issue 2 years ago • 1 comments

I am trying to use Alpine JS for a bit of client-side interactivity and it has directives that use syntax that are not supported. I was able to bypass some of them, but there is no way around some of them. For example,

<input @click="...">

could be updated to work as

<input x-on:click="...">

but something like:

<input x-on:keyup.enter="...">

is not possible to include because of the . and Alpine does not provide alternatives.

It would be great to provide support for this. Or maybe provide a way to escape illegal characters.

dullkingsman avatar Jan 12 '24 13:01 dullkingsman

Hi, the only workaround I found is as follows: <input {...{ "x-on:keyup.enter": "..." }} /> Very very...ugly but...since attributes are key/value pair as tag is an object, this works.

believelody avatar Jun 04 '24 02:06 believelody