JSFiddle - React, Tailwind, and code Playground

HTML

<div data-bind="text: 'x: ' + frameMouseX() + 'y: ' + frameMouseY()"></div>
    
    <div data-bind="html: page"></div>

JavaScript

var vm;

            window.initChildFrame = function (ko, viewModel) {
                
                console.log('init Child');
                window.ko = ko;
                ko.applyBindings(viewModel, document.body);

                vm = viewModel;
                
                vm.resizeFrame();
                vm.initDragDrop();
                
                $(document).mousemove(function (event) {
                    vm.frameMouseX(event.pageX);
                    vm.frameMouseY(event.pageY);
                });
            }