If using list options on a string field, how do you access the ‘title’ in the preview?

[spacedawwwg]

if using list options on a string field, how do you access the ‘title’ in the preview?

e.g. the stored value is uk but I’d like to display United Kingdom (this is the default in V2 actually)

[joaisa17]

Here's a fix that works:

const list = [
    { value: 'japan', title: 'Japan' },
    { value: 'us', title: 'United States' },
    { value: 'uk', title: 'United Kingdom' },
    { value: 'eu', title: 'Europe' },
];

// Field
defineField({
    name: 'region',
    type: 'string',

    title: 'Region',

    options: { list }
})

// Preview
{
    preview: {
        select: { city: 'city', region: 'region' },
        prepare: s => ({
            title: s.city,
            subtitle: list.find(r => r.value === s.region)?.title ?? 'No region'
        })
    }
}