JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="html: paragraphs"></div>

JavaScript

var VM = function () {
    this.text = ko.observable('');
    this.paragraphs = ko.computed(function () {
        return '<p>' + this.text().split('.').join('</p><p>') + '</p>';
    }, this);
};

var viewModel = new VM();

ko.applyBindings(viewModel);

viewModel.text('paragraph1.paragraph2.paragraph3');