feat: SEO SPA editor integration

web/src/components/MediaField.vue

@@ -17,8 +17,9 @@ const props = withDefaults(
 		avatarName?: string
 		square?: boolean
 		disabled?: boolean
+		autofocusChoose?: boolean
 	}>(),
-	{ help: '', avatarName: '', square: false, disabled: false },
+	{ help: '', avatarName: '', square: false, disabled: false, autofocusChoose: false },
 )
 
 const imageId = defineModel<number | null>({ default: null })
@@ -87,6 +88,7 @@ function remove() {
 						:disabled="disabled"
 						:class="BUTTON_CLASS"
 						:ui="{ leadingIcon: 'size-3.5' }"
+						:data-autofocus="autofocusChoose ? '' : undefined"
 						@click="pickerOpen = true"
 					>
 						{{ chooseLabel }}