Problem using m-for in a template

Moon is emitting this error in the console:

moon.js:179 [Moon] ERROR: The item "arr" was not defined but was referenced

I am trying to render loops in a template, here is a quick example below:

  Moon.component('my-component', {
            template: `<div>
                <p>This is a Component!</p>
                <select>                   
                    <option m-for="item in arr" value="{{item}}">{{item}}</option>
                </select>
                <span>End</span>                
            </div>`
        });

        const app1 = new Moon({
            el: "#app1",
            data: {
                msg: "Hello Moon!",
                arr: [4, 5, 6]
            }
        });

Anyone know what I am doing wrong? Thanks

[kokujin]

Thanks

[sadeghbarati]

@kbrsh can u update @kokujin jsfiddle ???