/**
 * @file index
 */

import {Component} from 'san';
import '../global.less';
import logo from '@/public/images/logo.svg';
import Header from '../components/header';
import {Link} from 'san-router';
import {connect} from '../utils/Store';
import '../store';

class AppComponent extends Component {

    static template = `
        <div class="main">
            <ui-header/>
            <img class="logo" src="{{logo}}"/>
            <h1>{{title}}</h1>
            <h2>{{content}}</h2>
            <h2>store: {{data2}}</h2>
            <h2><router-link to="/demo">to demo</router-link></h2>
        </div>
    `;
    static components = {
        'ui-header': Header,
        'router-link': Link
    }
    initData() {
        return {
            logo,
            content: 'Hello world, I am Index~'
        };
    }
}

export default connect.san(
    {
        data2: 'common.data2'
    },
    {
        getIndexData: 'common:getIndexData'
    }
)(AppComponent);