How to display only matched attributes

Hi,
I would like to display a search result only when attributes are matched.
title, name, year, brand, genre and price.
I want to display only a search bar, then matched attributes should show up.
Please advise.

This works for only one attribute so it did not work for me.

instantsearch.widgets.hits({
container: '#hits',
transformItems: function (items) {
	return items.map(function (item) {
	item.__matchesName = item._highlightResult.genre.matchLevel === 'full';
	return item;

  });
},
templates: {
  item: `
	<div id="clearfix" >
		<img src="{{LOGO_URL}}" alt="{{hits-image}}" id="hits-image">
		{{#__matchesName}}{{#helpers.highlight}}{ "attribute": "genre " }{{/helpers.highlight}}{{/__matchesName}}


	</div>
  `,
},

}),