Update general.vue

packages/frontend/src/pages/settings/general.vue

@@ -366,38 +366,111 @@ SPDX-License-Identifier: AGPL-3.0-only
 			</FormSection>
 		</SearchMarker>
 
+		<SearchMarker :label="i18n.ts.behavior" :keywords="['behavior']">
 			<FormSection>
 				<template #label>{{ i18n.ts.behavior }}</template>
 
 				<div class="_gaps_m">
 					<div class="_gaps_s">
+						<SearchMarker
+							:label="i18n.ts.openImageInNewTab"
+							:keywords="['image', 'photo', 'picture', 'media', 'thumbnail', 'new', 'tab']"
+						>
 							<MkSwitch v-model="imageNewTab">{{ i18n.ts.openImageInNewTab }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.useReactionPickerForContextMenu"
+							:keywords="['reaction', 'picker', 'contextmenu', 'open']"
+						>
 							<MkSwitch v-model="useReactionPickerForContextMenu">{{ i18n.ts.useReactionPickerForContextMenu }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.enableInfiniteScroll"
+							:keywords="['load', 'auto', 'more']"
+						>
 							<MkSwitch v-model="enableInfiniteScroll">{{ i18n.ts.enableInfiniteScroll }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.keepScreenOn"
+							:keywords="['keep', 'screen', 'display', 'on']"
+						>
 							<MkSwitch v-model="keepScreenOn">{{ i18n.ts.keepScreenOn }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.disableStreamingTimeline"
+							:keywords="['disable', 'streaming', 'timeline']"
+						>
 							<MkSwitch v-model="disableStreamingTimeline">{{ i18n.ts.disableStreamingTimeline }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.enableHorizontalSwipe"
+							:keywords="['swipe', 'horizontal', 'tab']"
+						>
 							<MkSwitch v-model="enableHorizontalSwipe">{{ i18n.ts.enableHorizontalSwipe }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.alwaysConfirmFollow"
+							:keywords="['follow', 'confirm', 'always']"
+						>
 							<MkSwitch v-model="alwaysConfirmFollow">{{ i18n.ts.alwaysConfirmFollow }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.confirmWhenRevealingSensitiveMedia"
+							:keywords="['sensitive', 'nsfw', 'media', 'image', 'photo', 'picture', 'attachment', 'confirm']"
+						>
 							<MkSwitch v-model="confirmWhenRevealingSensitiveMedia">{{ i18n.ts.confirmWhenRevealingSensitiveMedia }}</MkSwitch>
+						</SearchMarker>
+
+						<SearchMarker
+							:label="i18n.ts.confirmOnReact"
+							:keywords="['reaction', 'confirm']"
+						>
 							<MkSwitch v-model="confirmOnReact">{{ i18n.ts.confirmOnReact }}</MkSwitch>
+						</SearchMarker>
 					</div>
+
+					<SearchMarker
+						:label="i18n.ts.whenServerDisconnected"
+						:keywords="['server', 'disconnect', 'reconnect', 'reload', 'streaming']"
+					>
 						<MkSelect v-model="serverDisconnectedBehavior">
 							<template #label>{{ i18n.ts.whenServerDisconnected }}</template>
 							<option value="reload">{{ i18n.ts._serverDisconnectedBehavior.reload }}</option>
 							<option value="dialog">{{ i18n.ts._serverDisconnectedBehavior.dialog }}</option>
 							<option value="quiet">{{ i18n.ts._serverDisconnectedBehavior.quiet }}</option>
 						</MkSelect>
+					</SearchMarker>
+
+					<SearchMarker
+						:label="i18n.ts._contextMenu.title"
+						:keywords="['contextmenu', 'system', 'native']"
+					>
 						<MkSelect v-model="contextMenu">
 							<template #label>{{ i18n.ts._contextMenu.title }}</template>
 							<option value="app">{{ i18n.ts._contextMenu.app }}</option>
 							<option value="appWithShift">{{ i18n.ts._contextMenu.appWithShift }}</option>
 							<option value="native">{{ i18n.ts._contextMenu.native }}</option>
 						</MkSelect>
+					</SearchMarker>
+
+					<SearchMarker
+						:label="i18n.ts.numberOfPageCache"
+						:keywords="['cache', 'page']"
+					>
 						<MkRange v-model="numberOfPageCache" :min="1" :max="10" :step="1" easing>
 							<template #label>{{ i18n.ts.numberOfPageCache }}</template>
 							<template #caption>{{ i18n.ts.numberOfPageCacheDescription }}</template>
 						</MkRange>
+					</SearchMarker>
 
+					<SearchMarker :label="i18n.ts.dataSaver" :keywords="['datasaver']">
 						<MkFolder>
 							<template #label>{{ i18n.ts.dataSaver }}</template>
 
@@ -428,8 +501,10 @@ SPDX-License-Identifier: AGPL-3.0-only
 								</div>
 							</div>
 						</MkFolder>
+					</SearchMarker>
 				</div>
 			</FormSection>
+		</SearchMarker>
 
 		<FormSection>
 			<template #label>{{ i18n.ts.other }}</template>