How to use omi-finger - 4 common examples

import Omi from 'omi';
import OmiFinger from 'omi-finger';

const tpl = require('./index.html');
const css = require('./index.css');

OmiFinger.init();

class Head extends Omi.Component {
    constructor (data,option) {
        super(data,option);
    }

    install(){

        document.body.addEventListener('touchend',()=>{
            setTimeout(()=>{
                this.removeClass(Omi.get('sidebar').node,'show');
            },300);
        },false);
    }

    beforeRender(){

import Omi from 'omi';
import OmiFinger from 'omi-finger';

OmiFinger.init();

class Pager extends Omi.Component {
    constructor (data,option) {
        super(data,option);
    }

    next(){
        this.$store.next();
    }

    pre(){
        this.$store.pre();
    }

    handleTap(evt){
        let dir = evt.target.getAttribute('data-dir');

import Omi from 'omi';
import config from '../../docs/config.js';
import OmiFinger from 'omi-finger';

OmiFinger.init();

class Pager extends Omi.Component {
    constructor (data) {
        super(data);
        this.activeIndex = 0;
        this.currentIndex = 0;
    }

    updatePager() {
        this.data.preMd = null;
        this.data.preName = null;
        this.data.nextMd = null;
        this.data.nextName = null;
        let item = config.menus[this.data.lan][this.activeIndex];

        let pre = item.list[this.currentIndex - 1];

import Omi from 'omi';
import OmiFinger from 'omi-finger';

const tpl = require('./index.html');
const css = require('./index.css');

OmiFinger.init();

class Head extends Omi.Component {
    constructor (data) {
        super(data);
    }

    install(){
        this.data.isEnLan = this.data.lan === 'en';
        document.body.addEventListener('touchend',()=>{
            setTimeout(()=>{
                this.removeClass(Omi.get('sidebar').node,'show');
            },300);
        },false);
    }

    toggleMenus(evt){