Move VM initialization into Composable

Author: Goooler

biz/detail/src/main/kotlin/io/goooler/demoapp/detail/ui/DetailPage.kt

@@ -25,6 +25,7 @@ import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
@@ -33,24 +34,26 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
+import androidx.lifecycle.viewmodel.compose.viewModel
 import io.goooler.demoapp.common.util.getQuantityString
 import io.goooler.demoapp.common.util.showToast
 import io.goooler.demoapp.detail.R
 import io.goooler.demoapp.detail.model.RepoDetailModel
+import io.goooler.demoapp.detail.vm.DetailViewModel
 
 @OptIn(ExperimentalMaterialApi::class)
 @Composable
 fun DetailPageWithSwipeRefresh(
-  isRefreshing: Boolean,
-  onRefresh: () -> Unit,
-  model: RepoDetailModel,
   modifier: Modifier = Modifier,
-  onForkClick: () -> Unit,
 ) {
-  val refreshState = rememberPullRefreshState(refreshing = isRefreshing, onRefresh = onRefresh)
+  val vm: DetailViewModel = viewModel()
+  val model by vm.repoDetailModel.collectAsState()
+  val isRefreshing by vm.isRefreshing.collectAsState()
+
+  val refreshState = rememberPullRefreshState(refreshing = isRefreshing, onRefresh = vm::refresh)
 
-  Box(modifier = Modifier.pullRefresh(state = refreshState)) {
-    DetailPage(model = model, onForkClick = onForkClick)
+  Box(modifier = modifier.pullRefresh(state = refreshState)) {
+    DetailPage(model = model, onForkClick = vm::fork)
     PullRefreshIndicator(isRefreshing, refreshState, Modifier.align(Alignment.TopCenter))
   }
 }

biz/detail/src/main/kotlin/io/goooler/demoapp/detail/ui/RepoDetailActivity.kt

@@ -4,8 +4,6 @@ import android.os.Bundle
 import androidx.activity.compose.setContent
 import androidx.activity.viewModels
 import androidx.compose.foundation.layout.padding
-import androidx.compose.runtime.collectAsState
-import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import io.goooler.demoapp.base.core.BaseActivity
 import io.goooler.demoapp.detail.vm.DetailViewModel
@@ -21,15 +19,9 @@ class RepoDetailActivity : BaseActivity() {
     vm.refresh()
 
     setContent {
-      val model by vm.repoDetailModel.collectAsState()
-      val isRefreshing by vm.isRefreshing.collectAsState()
       DemoScaffold { innerPadding ->
         DetailPageWithSwipeRefresh(
           modifier = Modifier.padding(innerPadding),
-          isRefreshing = isRefreshing,
-          onRefresh = vm::refresh,
-          model = model,
-          onForkClick = vm::fork,
         )
       }
     }

gradle/libs.versions.toml

@@ -53,7 +53,8 @@ androidX-coordinatorLayout = "androidx.coordinatorlayout:coordinatorlayout:1.2.0
 androidX-core = "androidx.core:core-ktx:1.12.0"
 androidX-fragment = "androidx.fragment:fragment-ktx:1.6.2"
 androidX-lifecycle-service = { module = "androidx.lifecycle:lifecycle-service", version.ref = "androidX-lifecycle" }
-androidX-lifecycle-viewModel = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "androidX-lifecycle" }
+androidX-lifecycle-viewModel-ktx = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "androidX-lifecycle" }
+androidX-lifecycle-viewModel-compose = { module = "androidx.lifecycle:lifecycle-viewmodel-compose", version.ref = "androidX-lifecycle" }
 androidX-paging = "androidx.paging:paging-runtime:3.2.1"
 androidX-recyclerView = "androidx.recyclerview:recyclerview:1.3.2"
 androidX-room-compiler = { module = "androidx.room:room-compiler", version.ref = "androidX-room" }
@@ -102,10 +103,11 @@ androidX-compose = [
   "androidX-compose-material3",
   "androidX-compose-foundation",
   "androidX-compose-icons-core",
-  "androidX-compose-icons-extended"
+  "androidX-compose-icons-extended",
+  "androidX-lifecycle-viewModel-compose",
 ]
 androidX-lifecycle = [
-  "androidX-lifecycle-viewModel",
+  "androidX-lifecycle-viewModel-ktx",
   "androidX-lifecycle-service"
 ]
 androidX-room = [