DidYouMean is a component used to suggest a possible misspelling correction to the current query.

Make sure you have added the search app to your theme dependencies in the manifest.json as shown below:

  "dependencies": {
    "vtex.search": "2.x"
  }

Check the Search app documentation for more details on this step.

Add the did-you-mean block to the search-result-layout.desktop or search-result-layout.mobile. For example:

"search-result-layout.desktop": {
    "children": [
        "flex-layout.row#didyoumean",
    ],
    "flex-layout.row#didyoumean": {
        "children": ["did-you-mean"]
    }
}

In order to apply CSS customizations in this and other blocks, follow the instructions given in the recipe on Using CSS Handles for store customization.