only hide v-select options (#17953)

app/src/components/v-select/select-list-item-group.vue

@@ -1,5 +1,6 @@
 <template>
 	<v-list-group
+		v-show="!item.hidden"
 		:active="isActive"
 		:clickable="groupSelectable || item.selectable"
 		:value="item.value"

app/src/components/v-select/select-list-item.vue

@@ -3,6 +3,7 @@
 
 	<v-list-item
 		v-else
+		v-show="!item.hidden"
 		:active="isActive"
 		:disabled="item.disabled"
 		clickable

app/src/components/v-select/types.ts

@@ -6,4 +6,5 @@ export type Option = {
 	children?: Option[];
 	divider?: boolean;
 	selectable?: boolean;
+	hidden?: boolean;
 };

app/src/components/v-select/v-select.vue

@@ -258,6 +258,7 @@ function useItems() {
 				disabled: get(item, props.itemDisabled),
 				selectable: get(item, props.itemSelectable),
 				children: children ? children.filter(filterItem) : children,
+				hidden: internalSearch.value ? !filterItem(item) : false,
 			};
 		};
 
@@ -281,9 +282,7 @@ function useItems() {
 			}
 		};
 
-		const items = internalSearch.value ? props.items.filter(filterItem).map(parseItem) : props.items.map(parseItem);
-
-		return items;
+		return props.items.map(parseItem);
 	});
 
 	const internalItemsCount = computed<number>(() => {