Question: I am new to the Vue 3 ecosystem. I am building a search form using the composition API.

I have a child component that contains a search form input. It emits a `doEmitSearch` event, and has a payload of the `searchterm`.

In the parent component I receive the emitted event `@doEmitSearch=”doTriggerSearch”`

In the parent component I have

```
<script lang=”ts” setup>
import {doPerformSearch} from "../composables/doPerformSearch"

function doTriggerSearch (value){
    return doPerformSearch(value)
}
<script/>

```

Inside the `doPerformSearch.ts` I have various functions `Search1(value)`, `Search2(value)`, `Search3(value)` etc. that do API calls for multiple API searches, and data cleaning etc, and each one returns search results as JSON, which I want to dispatch/pass/display in either in the parent component or other child-components as props.

1. What syntax in the composition API can I use to display the returned `doPerformSearch(value)` in the parent component as `{{searchResults}}`
2. What syntax can I use to pass and display multiple search results to child components ?
3. Is that a good design pattern I'm using, or is there better ways to do it ?

Thank you

Answer: 
Wrap the RadioListTile with a Card widget. It will contain the ListTile in the container.
You can replace `SizedBox` with `Container`, and use `clipBehavior: Clip.hardEdge` to remove the overflows. see code below:

```
return Column(
  children: [
    Container(
      height: 500,
      width: 500,
      clipBehavior: Clip.hardEdge,
      child: ListView(children: radioTiles),
    )
  ],
);

```