Merge #531

531: fix highlight on non arrays r=bidoubiwa a=bidoubiwa

<img width="809" alt="Screenshot 2021-09-27 at 18 47 51" src="https://user-images.githubusercontent.com/33010418/134955251-f5619ca2-c178-4e5e-b08b-dde1d4871409.png">

`@mdubus` 

fixes: #435

Co-authored-by: Charlotte Vermandel <[email protected]>

Author: bors[bot]

src/adapter/highlight-adapter.ts

@@ -11,22 +11,21 @@ import { InstantSearchParams } from '../types'
  * @returns string
  */
 function replaceHighlightTags(
-  value: string,
+  value: any,
   highlightPreTag?: string,
   highlightPostTag?: string
 ): string {
-  // Value has to be a string to have highlight.
-  // Highlight is applied by MeiliSearch (<em> tags)
-  // We replace the <em> by the expected tag for InstantSearch
   highlightPreTag = highlightPreTag || '__ais-highlight__'
   highlightPostTag = highlightPostTag || '__/ais-highlight__'
-  if (isString(value)) {
-    return value
-      .replace(/<em>/g, highlightPreTag)
-      .replace(/<\/em>/g, highlightPostTag)
-  }
-  // We JSON stringify to avoid loss of nested information
-  return JSON.stringify(value)
+  // Highlight is applied by MeiliSearch (<em> tags)
+  // We replace the <em> by the expected tag for InstantSearch
+  const stringifiedValue = isString(value)
+    ? value
+    : JSON.stringify(value, null, 2)
+
+  return stringifiedValue
+    .replace(/<em>/g, highlightPreTag)
+    .replace(/<\/em>/g, highlightPostTag)
 }
 
 /**