Initial state with a HTTP query

[UnleashSpirit]

Good morning,

I'm sure this question has been asked before, but I don't know how to do what I want.

My use case is quite simple, I would like to initiate the store on first subscription by an http request (not on store creation) and cache that until the store resets or cleans up the trigger cache one way or another.
All examples show subscription to fetch function and never store subscription.
My idea was:

todos.service.ts

getData() {
    http.get().pipe(
      trackRequestResult(['todos'], { cacheResponseData: true }) // or skipWhileCached('todos')
    );
}

todos.state.ts

const store = createStore({ name: 'todos' }, withEntities<Todo>());
class TodoState {
    todos$ = store.pipe(selectAllEntities(), joinRequestResult(['todos']);
}

todos.component.ts

todos$: Observable<Todo[]>;

ngOnInit() {
    this.todos$ = this.todoState.todos$ // asynchronous pipe subscription in html
}

And the first subscription triggering the fetchData somehow to initialize the store, and not having to explicitly subscribe to the fetchData and the store.
With a way to force the http request again to refresh the cache

Is there an elegant way to do this or am I completely wrong and that's not how I should do it?

Cheers