Display field 'prefix', 'content' and 'suffix' separatly

This field template works:

{%
  set classes = [
    'field',
    'field--name-' ~ field_name|clean_class,
    'field--type-' ~ field_type|clean_class,
    'field--label-' ~ label_display,
  ]
%}
{%
  set title_classes = [
    'field__label',
    label_display == 'visually_hidden' ? 'visually-hidden' : '',
  ]
%}

{# get prefix and suffix #}
{% set prefix = element['#items'].getFieldDefinition().getSetting('prefix') ?? '' %}
{% set suffix = element['#items'].getFieldDefinition().getSetting('suffix') ?? '' %}

{# display the field #}
<div{{ attributes.addClass(classes) }}>
  <div{{ title_attributes.addClass(title_classes) }}>{{ element['#title'] }}</div>
  {% if multiple %}
    <div class='field__items'>
  {% endif %}
  {% for item in items %}
    <span>{{ prefix }} </span>
    <span{{ item.attributes.addClass('field__item') }}>{{ item.content }}</span>
    <span> {{ suffix }}</span>
  {% endfor %}
  {% if multiple %}
    </div>
  {% endif %}
</div>