UserScreen.kt

@Composable
fun UserScreen(viewModel: UserViewModel = viewModel()) {
    // Collect state from the ViewModel
    val username by viewModel.username.collectAsStateWithLifecycle()
    val age by viewModel.age.collectAsStateWithLifecycle()

    Column(modifier = Modifier.padding(16.dp)) {
        TextField(
            value = username,
            onValueChange = { viewModel.onUsernameChanged(it) },
            label = { Text("Username") }
        )

        Text(text = "Age: $age")

        Button(onClick = { viewModel.onAgeIncrement() }, modifier = Modifier.padding(top = 8.dp)) {
            Text("Increase Age")
        }
        Button(onClick = { viewModel.onAgeDecrement() }, modifier = Modifier.padding(top = 8.dp)) {
            Text("Decrease Age")
        }
    }
}