Add Alpine attributes specifically for encapsulate directives

[believelody]

Hi guys,

Using @kitajs/html a lot, I also use encapsulate directives for alpinejs since I write my logic in a js file. I would like to do same thing you've done in JSX, I mean, knowing alpinejs attributes x-* in jsx file.

As you may know, encapsulate directive is written like this:

Alpine.data("counter", () => ({
   count: 0,
   increment() {
      this.count+++
   },
   button: {
      "@click": function() {
         this.increment();
      }
   }
}))

The returned object can be typed and it would be great to type "button" properties with most common alpinejs properties. So we don't have to be afraid to mispell some of them.

You can see my poc here on stackblitz.

What do you think ?

Cheers