Converting the State into the ViewState when using @ObservableState

[Budyn]

Hello!

I'm in a process of migration the latest TCA version.

From the documentation, the usage example for @ObservaleState omits the ViewState and uses the State directly:

@Reducer
struct Feature {
  struct State { /* ... */ }
  enum Action { /* ... */ }
  var body: some ReducerOf<Self> {
    // ...
  }
}

struct FeatureView: View {
  let store: StoreOf<Feature>

  // I would like to keep this ViewState.
  struct ViewState: Equatable {
    // ...
    init(state: Feature.State) { /* ... */ }
  }

  var body: some View {
    WithViewStore(store, observe: ViewState.init) { viewStore in
      Form {
        Text(viewStore.count.description)
        Button("+") { viewStore.send(.incrementButtonTapped) }
      }
    }
  }
}

converts to:

 var body: some View {
-  WithViewStore(store, observe: ViewState.init) { viewStore in
     Form {
-      Text(viewStore.count.description)
-      Button("+") { viewStore.send(.incrementButtonTapped) }
+      Text(store.count.description)
+      Button("+") { store.send(.incrementButtonTapped) }
     }
-  }
 }

What would be the best approach to keep both the State -> ViewState conversion and @ObservableState?

[Budyn]

Anwsered in https://github.com/pointfreeco/swift-composable-architecture/blob/main/Sources/ComposableArchitecture/Documentation.docc/Articles/MigrationGuides/MigratingTo1.7.md#computed-view-state