Save button not being enabled when the model is IsSavable

[theafricaninternetgroup]

I am using Blazored.Model component with tailwind css with CSLA however when the model is savable the save button is not being enabled.Is there something I am missing?
My code is as follows.The button is light gray in disabled state and should turn to blue in the enabled state

 <button type="button" class=@($"{(vm!.Model.IsSavable?"bg-blue-600 text-white":"bg-gray-300 text-white")} font-bold rounded-lg p-2") @onclick=@Save disabled="@(!vm.Model.IsSavable)">Save</button>

and the code in the

    protected  override void  OnInitialized()
    {
        vm!.Model.PropertyChanged += async (s, e) => await InvokeAsync(() =>
        {
          
            StateHasChanged();
        });
      
    }

My thinking is by subscribing to the propertychanged the blazor ui will be updated on every property change

[theafricaninternetgroup]

I managed to solve it.The model has the child object.I also subscribed the child object to the propertychanged event