/**
 * @file demo
 */


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 DemoComponent extends Component {

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

export default connect.san(
    {
        data1: 'common.data1'
    },
    {
        getDemoData: 'common:getDemoData'
    }
)(DemoComponent);