Fix creating custom names for recommend collection fields on new collection setup drawer (#6451)

Fixes #6381

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

@@ -58,7 +58,7 @@ import slugify from '@sindresorhus/slugify';
 import { omit } from 'lodash';
 
 export default defineComponent({
-	emits: ['click', 'keydown', 'update:modelValue'],
+	emits: ['click', 'keydown', 'update:modelValue', 'focus'],
 	inheritAttrs: false,
 	props: {
 		autofocus: {
@@ -149,6 +149,7 @@ export default defineComponent({
 				trimIfEnabled();
 				attrs?.onBlur?.(e);
 			},
+			focus: (e: PointerEvent) => emit('focus', e),
 		}));
 		const attributes = computed(() => omit(attrs, ['class']));
 		const classes = computed(() => [

app/src/modules/settings/routes/data-model/new-collection.vue

@@ -80,8 +80,7 @@
 							v-model="info.name"
 							class="monospace"
 							:class="{ active: info.enabled }"
-							clickable
-							@click="info.enabled = true"
+							@focus="info.enabled = true"
 						>
 							<template #prepend>
 								<v-checkbox v-model="info.enabled" />