Calling Alpine.data method without parenthesis doesnt apply initial value

[ghabriel25]

document.addEventListener('alpine:init', () => {
    Alpine.data('withLoadingIndicator', () => ({
        loading: false,
        timeout: null,

        triggerLoading(delay = 1000) {
            this.loading = true
            clearTimeout(this.timeout)
            this.timeout = setTimeout(() => this.loading = false, delay)
        }
    }));
});

<span class="ui text grey"
    x-cloak
    x-data="withLoadingIndicator"
    x-on:quill-updated.window="triggerLoading"
    x-show="loading"
    x-transition>Updating...</span>

The html shown and hidden spontaneously. Only when I specify the delay or use parenthesis, it works as expected like this

<span class="ui text grey"
    x-cloak
    x-data="withLoadingIndicator"
    x-on:quill-updated.window="triggerLoading()"
    x-show="loading"
    x-transition>Updating...</span>

Based on documentation https://alpinejs.dev/directives/data#methods

[ekwoka]

The process for identifying if the the expression is a function or not can potentially take a small unpredictable tick to happen in the meantime, directly calling it skips that check.