List doesn't update when deleting item

I’ve got a ViewModel where I put all the logic code The problem is when I click on the delete button then the list doesn’t update. When I manually refresh then I can see that de item is deleted.

Viewmodel

@HiltViewModel
class CommentViewModel @Inject constructor(private val _repo : Repository): ViewModel() {
    var isLoading = mutableStateOf(false)
    //private var _getComments  = MutableLiveData<List<Comment>>()
    //var getComments: LiveData<List<Comment>> = _getComments
    private var _getComments  = MutableStateFlow(listOf<Comment>())
    val getComments: StateFlow<List<Comment>> get() = _getComments
  ////delete
  //private var _deleteComment: MutableLiveData<Comment> = MutableLiveData<Comment>()
  //var deleteComment: LiveData<Comment> = _deleteComment
  ////add
  //private var _addComment: MutableLiveData<CreateCommentViewModel> = MutableLiveData<CreateCommentViewModel>()
  //var addComment: LiveData<CreateCommentViewModel> = _addComment

    init {
    getComments
    }
    suspend fun getComments(id: Int): Resource<List<Comment>> {
        val result = _repo.getCommentsByDocreviewId(id)
        viewModelScope.launch(Dispatchers.Default) {
            if (result is Resource.Success) {
                       isLoading.value = true
                       _getComments.emit(result.data!!)
                   }
        }
        return result
    }
    suspend fun deleteComment(id: Int) {
        val result = _repo.deleteComment(id)
        viewModelScope.launch(Dispatchers.Default) {
            if (result is Resource.Success) {
                isLoading.value = true
                _getComments.emit(listOf(result.data!!))
            }

        }
    }

I tried playing with mutablelivedata, mutablestate and mutablestateflow without any success. Am I doing something wrong here.

messagecard composable where I Delete the item

fun MessageCard(
    comment: Comment,
    viewModel: CommentViewModel = hiltViewModel()
) {
    val scope = rememberCoroutineScope()
    val context = LocalContext.current
    Row(modifier = Modifier.padding(all = 8.dp)) {
        Image(
            painter = painterResource(R.drawable.ic_avatar),
            contentDescription = null,
            modifier = Modifier
                .size(40.dp)
                .clip(CircleShape)
                .border(1.5.dp, MaterialTheme.colors.secondaryVariant, CircleShape)
        )
        Spacer(modifier = Modifier.width(8.dp))


        Card(modifier = Modifier
            .fillMaxWidth()
            .wrapContentHeight()) {
            var isExpanded by remember { mutableStateOf(false) }
            var showIconBtns by remember { mutableStateOf(false) }


            val surfaceColor by animateColorAsState(
                if (isExpanded) MaterialTheme.colors.primary else MaterialTheme.colors.surface,
            )

            // We toggle the isExpanded variable when we click on this Column
            Column(modifier = Modifier.clickable () {
                showIconBtns = !showIconBtns
                isExpanded = !isExpanded
            }) {
                Text(
                    text = "test",
                    color = MaterialTheme.colors.secondaryVariant,
                    style = MaterialTheme.typography.subtitle2
                )

                Spacer(modifier = Modifier.height(4.dp))
                    Text(
                        text = comment.content,
                        modifier = Modifier.padding(all = 4.dp),
                        maxLines = if (isExpanded) Int.MAX_VALUE else 1,
                        style = MaterialTheme.typography.body2
                    )

                if (showIconBtns){
                    Row() {
                        IconButton(onClick = { /*TODO*/}) {
                            Icon(
                                Icons.Default.Edit,
                                contentDescription = "edit"
                            )
                        }
                        IconButton(onClick = {
                        /*TODO*/

                           scope.launch {
                                viewModel.deleteComment(comment.id)

                              // if (result is Resource.Success) {
                              //     Toast.makeText(context, "delete comments success!", Toast.LENGTH_SHORT).show()
//
                              // } else if (result is Resource.Error) {
                              //     Toast.makeText(context, "Error: ${result.message}", Toast.LENGTH_SHORT)
                              //         .show()
                              // }
                           }


                        }) {
                            Icon(
                                Icons.Default.Delete,
                                contentDescription = "delete"
                            )
                        }
                    }
                }
            }
            }
        }
        }

And this is how i show a list of comments

  LazyColumn {
                    items(getAllComments.value.size) { index ->
                    MessageCard(getAllComments.value[index])
                    }

                }

Thanks for giving feedback and helping me out. :smile:

@aldominium any suggestions?