Sublime package for auto completions of common Mithril methods
[Needs to be updated with Mithril 2.0 API]
Mithril is a client-side MVC lightweight Javascript framework created by Leo Horie
- Open Package Control:
Preferences -> Package Control
- Select
Package Control: Install Package
- Type
Mithrilizer
into the search box and select the package to install it
Once installed, you need to be on a page with the syntax set to Javascript
###m -> m() will display:
m('div',{
style: { },
config: 'function name'
},[
'Children'
])
More details on the use of m() here
###mi -> m('input') will display:
m('input[type=]', oninput:, value: )
More details on the use of m() here
###ma -> m('a')
m('a[href=/myroute]', {config: m.route}, 'Myroute')
More details on the use of m() here
###mm -> Mithril module
Will display:
var mymodule = {};
mymodule.vm = 'Object literal {} or function Constructor'
mymodule.controller = function (options) {
mymodule.vm.init();
};
mymodule.view = function (ctrl) {
return 'view here';
}
m.module(document.body, mymodule);
More details on the use of m.module() here
###mp -> m.prop() Will display:
m.prop('initial value');
More details on the use of m.prop() here
###mw -> m.withAttr() Will display:
m.withAttr('string here', callback here)
More details on the use of m.withAttr() here
###mro -> m.route() Will display:
m.route({root Element, '/defaultRoute',
'/route1': Module name
});
m.route.mode = 'search/hash/pathname';
More details on the use of m.route() here
###mreq -> m.request() Will display:
m.request({
method: 'GET/POST',
url: '/user',
dataType: ,
callbackKey: ,
type: ,
})
More details on the use of m.request() here
###md -> m.deferred() Will display:
m.deferred('initial value');
More details on the use of m.deferred() here
###ms -> m.sync([]) Will display:
m.sync([
Array of promises
]);
More details on the use of m.sync() here
###mt -> m.trust() Will display:
m.trust(content);
More details on the use of m.trust() here
###mren -> m.render() Will display:
m.render(root Element, [
'Children elements'
]);
More details on the use of m.render() here
###mrd -> m.redraw() Will display:
m.redraw(true/false);
More details on the use of m.redraw() here
###mrs -> m.redraw.strategy() Will display:
m.redraw.strategy('all/diff/none');
More details on the use of m.redraw.strategy() here
###mst -> m.startComputation() and m.endComputation() Will display:
m.startComputation();
m.endComputation();
More details on the use of m.startComputation/m.endComputation here