Automatically create an ID binding on a component

[gone]

if you have a component:

<template x-widget="some-thing">
foo
 </template>

We should automatically add :id="$id('some-thing')" to the tag output and x-id="['some-thing']" to the tag declaration

[allain]

Neat idea. What the benefit in your case?

[gone]

The component contained an htmx form and on submit I wanted to pull the whole component out and replace with a new one from the server. You need to give a target to htmx so I needed to add :hx-target="'#' + $id('my-component')" to the form. I was able to kudge something together but it required redeclaring the id every time the component was used

[allain]

I think just adding x-bind:id="$id('tag-name')" on the <tag-name></tag-name> use might be enough. It will guarantee that they all have unique ids if you want to refer to it in your app, you could add x-id to a parent and then use $id('tag-name') there.

You good with that?

[gone]

That's what I ended up doing and it worked fine!