JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<span data-bind="translate: address.place"></span>

JavaScript

ko.bindingHandlers.translate = {
        init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
            var translated = bindingContext.$data.address.place,
                domain = translated();// the domain

            if (domain == "Aachen") {
                //set back city to  test Working :-)
                translated('test Working :-)');
            }

            if (domain == "Work") {
                translated("Arbeit");
            }
            if (domain == "Medic") {
                translated("Arzt");
            }
            if (domain == "agency") {
                translated("Behörde");
            }
            if (domain == "Education") {
                translated("Bildung");
            }
            if (domain == "leisure") {
                translated("Freizeit");
            }
            if (domain == "court") {
                translated("Gericht");
            }
            if (domain == "Miscellaneous") {
                translated("Sonstiges");
            }

        },
    };