search: Add option to disable highlighting query

... for the WVUI search autocomplete widget.

The VectorWvuiSearchOptions object is sent to the client whole and
already used as the base props for the app component constructed in the
skins.vector.search RL module. We also define the highlightQuery prop on
that component so that its value can be passed to the WVUI
typeahead-search component.

Bug: T281797
Depends-On: I142810c177b850ecd7015f835bb6630bae00a6ea
Depends-On: Ia5e14fb9d0073a5126a0918f7a94213c671e773a
Change-Id: I551414b111226e690f6a2bc69dabf5edc6fb0a96

resources/skins.vector.search/App.vue

@@ -16,6 +16,7 @@
 		:search-language="language"
 		:show-thumbnail="showThumbnail"
 		:show-description="showDescription"
+		:highlight-query="highlightQuery"
 		@fetch-start="instrumentation.onFetchStart"
 		@fetch-end="instrumentation.onFetchEnd"
 		@suggestion-click="instrumentation.onSuggestionClick"
@@ -107,6 +108,10 @@ module.exports = {
 		showDescription: {
 			type: Boolean,
 			default: true
+		},
+		highlightQuery: {
+			type: Boolean,
+			default: true
 		}
 	},
 	data: function () {

skin.json

@@ -267,7 +267,8 @@
 		"VectorWvuiSearchOptions": {
 			"value": {
 				"showThumbnail": true,
-				"showDescription": true
+				"showDescription": true,
+				"highlightQuery": true
 			}
 		},
 		"VectorDefaultSidebarVisibleForAuthorisedUser": {