fix(Snippet): switch tag replacement to mark (#729)

Fixes #727

Author: samouss

src/components/Snippet.vue

@@ -41,12 +41,13 @@ export default {
             'See https://www.algolia.com/doc/api-reference/api-parameters/attributesToSnippet/.'
         );
       }
+
       return attributeValue
         .replace(
-          new RegExp('<em>', 'g'),
+          new RegExp('<mark>', 'g'),
           `<${this.highlightedTagName} class="${this.suit('highlighted')}">`
         )
-        .replace(new RegExp('</em>', 'g'), `</${this.highlightedTagName}>`);
+        .replace(new RegExp('</mark>', 'g'), `</${this.highlightedTagName}>`);
     },
   },
 };

src/components/__tests__/Snippet.js

@@ -9,7 +9,7 @@ test('renders proper HTML', () => {
   const hit = {
     _snippetResult: {
       attr: {
-        value: `con<em>ten</em>t`,
+        value: `con<mark>ten</mark>t`,
       },
     },
   };
@@ -28,7 +28,7 @@ test('renders proper HTML with highlightTagName', () => {
   const hit = {
     _snippetResult: {
       attr: {
-        value: `con<em>ten</em>t`,
+        value: `con<mark>ten</mark>t`,
       },
     },
   };
@@ -83,7 +83,7 @@ test('allows usage of dot delimited path to access nested attribute', () => {
     _snippetResult: {
       attr: {
         nested: {
-          value: `nested <em>val</em>`,
+          value: `nested <mark>val</mark>`,
         },
       },
     },