"Usage Restrictions" confuses me

The following is the original text:

Composables should only be called synchronously in <script setup> or the setup() hook. In some cases, you can also call them in lifecycle hooks like onMounted().

These are the contexts where Vue is able to determine the current active component instance. Access to an active component instance is necessary so that:

Lifecycle hooks can be registered to it.

Computed properties and watchers can be linked to it for disposal on component unmount.

TIP

<script setup> is the only place where you can call composables after usage of await. The compiler automatically restores the active instance context after the async operation for you.

I think this information is important, but it's too abbreviated.
It's easy misunderstanding it. Can we add some code examples?
It seems the first sentence and sentence in Tip are contradictory.

Start with the quoted "Usage Restrictions" section and review how its statements about synchronous composable calls, lifecycle hooks, and await in <script setup> relate. Add code examples and clarify the apparent contradiction, then verify that the revised explanation makes the allowed contexts and await behavior unambiguous.