Snippet and highlight at the same time

Hi, I want snipped and highlight the attribute called DESCRIPTION.
{{#helpers.highlight}}{{#helpers.snippet}}{ “attribute”: “DESCRIPTION” }{{/helpers.snippet}}{{/helpers.highlight}}
This did not work so I’m kind a stuck right now.

instantsearch.widgets.hits({
container: '#hits',
transformItems: function (items) {
	return items.map(function (item) {
    item.__matchesName = item._highlightResult.LOCATION.matchLevel === 'full';
	item.__matchesName2 = item._highlightResult.TITLE.matchLevel === 'full';
	item.__matchesName3 = item._highlightResult.GAIYO.matchLevel === 'full';
	item.__matchesName4 = item._highlightResult.DESCRIPTION.matchLevel === 'full';
	

	return item;
  });
},
templates: {
  item: `
	
	<div id="clearfix" >
	<img src="{{LOGO_URL}}" alt="{{hits-image}}" id="hits-image">
	{{#__matchesName}}{{#helpers.highlight}}{ "attribute": "LOCATION" }{{/helpers.highlight}}{{/__matchesName}}
	{{#__matchesName2}}{{#helpers.highlight}}{ "attribute": "TITLE" }{{/helpers.highlight}}{{/__matchesName2}}
	{{#__matchesName3}}{{#helpers.highlight}}{ "attribute": "GAIYO" }{{/helpers.highlight}}{{/__matchesName3}}
	{{#__matchesName4}}{{#helpers.highlight}}{ "attribute": "DESCRIPTION" }{{/helpers.highlight}}{{/__matchesName4}}
	
	</div>
  `,
},

}),

Hi, the snippet widget will automatically do highlighting, so you can just do:

{{#helpers.snippet}}{ “attribute”: “DESCRIPTION” }{{/helpers.snippet}}