import { QForm } from 'quasar';
import { getCurrentInstance } from 'vue';

export default {
    inject: { QForm },
    component: { QForm },
    components: { QForm },
    extends: { QForm },
    mounted: function () {
        const vm = getCurrentInstance();
        if (vm.type.name === 'QForm')
            if (![ 'searchbarForm'].includes(this.$el?.id)) {
                let that = this;

                // AUTOFOCUS
                const elementsArray = Array.from(this.$el.elements);
                const index = elementsArray.findIndex(element => element.classList.contains('q-field__native'));

                if (index !== -1) {
                    const firstInputElement = elementsArray[index];
                    firstInputElement.focus();
                }

                // KEYUP Event
                document.addEventListener('keyup', function (evt) {
                    if (evt.keyCode === 13) {
                        that.onSubmit();
                    }
                });
            }
    },
};