Support for Alpine.js

At a glance

The community member is exploring Webstudio and AlpineJS, and has found some limitations in the design decisions of Webstudio that prevent them from using the full potential of these "attribute oriented" libraries. They would like to have the ability to use the "template" tag and write properties like @click and @keyup.enter with the @ sign and dots in the attribute naming.

In the comments, another community member explains that the @ and . syntax is not standard in HTML, and the browser's parser is just forgiving it. They suggest using a more strict parser, which would not work with such syntax. Another community member mentions that custom tags are on the roadmap, and a third suggests using an HTML embed component for such fragments. The original poster responds that the current solution works without requiring a node or anything else.

There is no explicitly marked answer in the comments.

wwaltermelo2017

Hello, I'm playing around with Webstudio and AlpineJS, and other things but I found some small limitations that would be nice if possible to change, since they are Webstudio design decisions that don't let me use the full potential of these "attribute oriented" libraries.

for example. would be nice to have the "template" tag .
and the possibility to write properties like : @click, @keyup.enter. , in other words allow the @ sign and dots on the attribute naming.

4 comments

BBogdan

Hello. I am afraid this @ and . syntax is not standard in html. Parser in browser is just forgiving it. We have to use more strict parser which does not work with such syntax.

BBogdan

Custom tags are on roadmap

BBogdan

You can use html embed component for such fragments

wwaltermelo2017

hmm. sure, but it works without node or anything.

Add a reply

Join the Webstudio community

Support for Alpine.js