SearchMatchChip Component

File Information

• Path: app/components/search/SearchMatchChip.vue
• Purpose: Compact "Matched In" badge for a search result, with a hover menu showing the match details.
• Type: Search Component

Overview

Shows an icon badge for one SearchMatch (tag, custom field or description). Hovering the badge opens a v-menu containing SearchMatchDetails. Clicks on the chip are stopped (@click.stop) so they do not trigger the parent card or row. All state and hover logic lives in useSearchMatchChip.

match.kind	Icon	Accessible label	Count shown
tag	tagsIcon	Matched tags	1 + match.others.length
custom_field	customFieldsIcon	Matched custom fields	1 + match.others.length
description	infoIcon	Matched in description	none (icon only)

Props

Prop	Type	Required	Description
match	SearchMatch	Yes	Match entry from the result's search_matches
assetId	string | number	No	Passed through to SearchMatchDetails

Events

None.

Usage Example

<SearchMatchChip v-for="match in item.search_matches" :key="match.kind" :match="match" />

Related

• useSearchMatchChip
• SearchLibraryItems