x-data does not get updated in same element when externalized

[simonferndriger]

When I define x-data inside the element itself, everything works fine, even when x-init is declared outside the element:

But as soon as I define x-data outside as well, it doesn't update the class in the element itself anymore, it still works on the child elements though at least where active changes to true after list() has been called.

Why is that? Looks like a bug?

[trych]

Not sure if that answers your question, but I use this pattern, that I saw in the Alpine.bind() docs:

Alpine.bind('SomeButton', () => ({
    'x-data'() { return {

            init() {
                // some init code, no need for an extra x-init prop
            },

            someOtherMethod() {
            
            }

        }
    },

    '@click'() {
        this.doSomething()
    },

    ':disabled'() {
        return this.shouldDisable
    },
}))

[simonferndriger]

I like the syntax. However, it doesn't solve the underlying issue unfortunately...

[ekwoka]

This may be a bug with how init is handled inside x-bind...