js getters scope problem

[BorisKM]

Hi! There is some scope problem inside js getters.
This problem occurs only inside nested object of data:

const exampleData = () => ({
    first: {
        show: null,

        get input() {
            // this.$el -> undefined
            return this.$el.parentElement.querySelector('input')
        },
    },

    second: {
        show: null,

        get input() {
            // this.$el -> undefined
            return this.$el.parentElement.querySelector('input')
        },
    },
})

With methods there is no scope problems.

[ekwoka]

This is not a problem with Alpine, but a factor of how JS works.

this refers to the immediate object the method is on, not any other parent.

[BorisKM]

Yep, that's right. There is an option to access parent context from getters - via Object.defineProperty.
Thanks for answering!