Как подключить Knockout в Magento?

Question

[Андрей Охотников]

Не работает knockout, что не так делаю?)

В файле layout подключаю шаблон

<container
                        name="product.counter.block"
                        after="product.info.media.thumbs" >

                        <block 
                            class="Magento\Framework\View\Element\Template"
                            name="product.counter"
                            template="Magento_Catalog::product/view/counter.phtml" />

                    </container>

Файл шаблона

<div data-bind="scope: 'counter'">
    <div >
        <button click="plus">-</button>
        <span data-bind="text: value"></span>
        <button id="btn-plus">+</button>
    </div>
</div>


<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "counter": {
                        "component": "Magento_Catalog/js/product/view/counter",
                    }
                }
            }
        }
    }
</script>

Файл js

define(['jquery', 'uiComponent', 'ko'], function($, Component, ko) {
    'use strict';

    return Component.extend({
        initialize: function() {
            this._super();
            this.value = ko.observable(0);
        },        
    });
    
});