nl2br for vue3

vue3_nl2br.js

// Adapted from https://github.com/inouetakuya/vue-nl2br/
{
    props: {
        tag: {
            type: String,
            required: true,
        },
        text: {
            type: String,
            required: true,
        },
        className: {
            type: String,
            required: false,
        },
    },
    setup(props) {
        return () =>
            Vue.h(
                props.tag,
                {
                    'class': props.className
                },
                props.text.split('\n').reduce((accumulator, string) => {
                    if (!Array.isArray(accumulator)) {
                        return [accumulator, Vue.h('br'), string]
                    }
                    return accumulator.concat([Vue.h('br'), string])
                })
            );
    },
};