import { Autobind, Component, VueComponent } from 'vue3-oop'
import { SkipSelf } from 'injection-js'
import { RouterService } from '@/router/router.service'
import styles from './home.module.scss'

console.log(styles)

@Component()
export default class HomeView extends VueComponent {
  constructor(@SkipSelf() private routerService: RouterService) {
    super()
  }

  @Autobind()
  async handleClick() {
    this.routerService.router.push('/demo/count')
  }

  render() {
    return (
      <button class={styles.home} onClick={this.handleClick}>
        <span class={styles.title}>跳转到count页面</span>
      </button>
    )
  }
}