Compose UI Screen with ViewModel

${NAME}Action.kt

/**
Created by ${USER} on ${DATE}
*/

#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME} #end

sealed interface ${NAME}Action {
    
}

${Name}Root.kt

/**
Created by ${USER} on ${DATE}
*/

#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "") package ${PACKAGE_NAME} #end
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.ui.tooling.preview.Preview
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import androidx.lifecycle.viewmodel.compose.viewModel

@Composable
fun ${NAME}Root(
    viewModel: ${NAME}ViewModel = viewModel()
) {
    val state by viewModel.state.collectAsStateWithLifecycle()
    
    ${NAME}Screen(
        state = state,
        onAction = viewModel::onAction
    )
}

@Composable
fun ${NAME}Screen(
    state: ${NAME}State,
    onAction: (${NAME}Action) -> Unit,
) {

}

@Preview
@Composable
private fun Preview() {
    ${PROJECT_NAME}Theme {
        ${NAME}Screen(
            state = ${NAME}State(),
            onAction = {}
        )
    }
}

${NAME}State.kt

/**
Created by ${USER} on ${DATE}
*/

#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME} #end

data class ${NAME}State(
    val paramOne: String = "default",
    val paramTwo: List<String> = emptyList(),
)

${NAME}ViewModel.kt

/**
Created by ${USER} on ${DATE}
*/
#if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME} #end

import androidx.lifecycle.ViewModel
import androidx.lifecycle.viewModelScope
import kotlinx.coroutines.flow.MutableStateFlow
import kotlinx.coroutines.flow.SharingStarted
import kotlinx.coroutines.flow.onStart
import kotlinx.coroutines.flow.stateIn

class ${NAME}ViewModel : ViewModel() {

    private var hasLoadedInitialData = false

    private val _state = MutableStateFlow(${NAME}State())
    val state = _state
        .onStart {
            if(!hasLoadedInitialData) {
                /** Load initial data here **/
                hasLoadedInitialData = true
            }
        }
        .stateIn(
            scope = viewModelScope,
            started = SharingStarted.WhileSubscribed(5_000L),
            initialValue = ${NAME}State()
        )
        
        fun onAction(action: ${NAME}Action) {
            when(action) {
                else -> TODO("Handle actions")
            }
        }

}

1. go to any package.
2. right click on it.
3. click on new
4. edit file template
5. click on Plus (+) icon.
6. add one by one code in the empty area
7. mention name as a mention as a file name and extension as .kt
8. refer the ScreenShot attached.
   a. ${ScreenName}Root.kt
   i. ${NAME}ViewModel.kt
   ii. ${NAME}State.kt
   iii. ${NAME}Action.kt