error - is not a function

this is not ok

this.app = {
				teamsDefaultMembers: response.data.max_team_members,
			}

try

this.app.teamsDefaultMembers = response.data.max_team_members

I did that and nothing... it's still the same.. I still have a error Now I change like that, but still gave me error

<ValidationObserver
            ref="configMaxTeamMembers"
            @submit.prevent="configMaxTeamMembers"
            v-slot="{ invalid }"
            tag="form"
        >
            <ValidationProvider tag="div" v-slot="{ errors }" mode="passive" name="Max Team Members" rules="required">
                <AppInputText
                    :description="$t('zero_for_unlimited_members')" 
                    :title="$t('max_team_members')"
                    :error="errors[0]"
                    :is-last="true"
                >
                    <div class="space-y-4 sm:flex sm:space-x-4 sm:space-y-0">
                        <input
                            v-model="configMaxTeamMembers"
                            :placeholder="$t('change max team members shared')"
                            type="number"
                            min="1"
                            max="9999"
                            class="focus-border-theme input-dark"
                            :class="{ '!border-rose-600': errors[0] }"
                        />
                        <ButtonBase
                            :loading="isSendingRequest"
                            :disabled="isSendingRequest"
                            type="submit"
                            button-style="theme"
                            @click.native="$updateText('/user/set', 'max_team_members', configMaxTeamMembers)"
                            class="w-full sm:w-auto"
                        >
                            {{ $t('Change Members') }}
                        </ButtonBase>
                    </div>
                </AppInputText>
            </ValidationProvider>
        </ValidationObserver>

data() {
    return {
        isLoading: true,
        isSendingRequest: false,
        teamsDefaultMembers: undefined,
    }
},

 async configMaxTeamMembers() {
        this.isSendingRequest = true

        axios
            .post('/api/user/info', {id:this.$route.params.id})
            .then((response) => {
                this.teamsDefaultMembers = response.data.max_team_members
                console.log(response.data);
                this.isSendingRequest = false
            })
    },

ERROR

TypeError: e.configMaxTeamMembers.apply is not a function

why are you using app.teamsDefaultMembers?? in your data , you declare just temsDefaultMembers.

and also , it doesn't need to be undefined , could be a null.

data() {
    return {
        isLoading: true,
        isSendingRequest: false,
        teamsDefaultMembers: '',
    }
},

what is your console.log(response.data);saying?

sorry delay. still same error

TypeError: e.teamsDefaultMembers.apply is not a function