```html
<my-paginate offset:from='0' limit:from='20'></my-paginate>

<script type="module">
import {Component} from "can";

Component.extend( {
	tag: "my-paginate",
	ViewModel: {
		offset: { default: 0 },
		limit: { default: 20 },
		get page() {
			return Math.floor( this.offset / this.limit ) + 1;
		}
	},
	view: "Page {{page}}."
} );
</script>
```
@codepen