For some reason, f7-list-item slots seem to work without issue, but a few of the slots on f7-list-input do not work.
for example “root” works, but “error-message” does not:
<f7-list-input label="Password" :type="passwordVisible ? 'text' : 'password'" v-model:value="password"
placeholder="Password" required>
<template #content-end>
<f7-icon :f7="passwordVisible ? 'eye' : 'eye_slash'" @click="passwordVisible = !passwordVisible"></f7-icon>
<f7-icon v-show="password.length > 0" f7="clear" @click="password = ''" style="margin-left: 10px;"></f7-icon>
</template>
<template #error-message>
<span v-show="passwordStrengthMessage" :style="{ color: passwordStrengthColor }">{{ passwordStrengthMessage }}</span>
</template>
</f7-list-input>