<template>
  <div class="px-5">
    <Login
      title="欢迎来到一幕"
      :accountStatusCheckFunc="accountStatusCheckFunc"
      :sendSmsFunc="sendSmsFunc"
      :registerFunc="registerFunc"
      :loginByCodeFunc="loginByCodeFunc"
      :loginByPwdFunc="loginByPwdFunc"
    />
  </div>
</template>
  
<script lang="ts">
import Vue, { VueConstructor } from "vue";
import Login from "./Login.vue";

export default (
  Vue as VueConstructor<
    Vue & {
      sendSmsFunc: any;
      accountStatusCheckFunc: any;
      registerFunc: any;
      loginByCodeFunc: any;
      loginByPwdFunc: any;
    }
  >
).extend({
  components: { Login },
  inject: {
    sendSmsFunc: "sendSmsFunc",
    accountStatusCheckFunc: "accountStatusCheckFunc",
    registerFunc: "registerFunc",
    loginByCodeFunc: "loginByCodeFunc",
    loginByPwdFunc: "loginByPwdFunc",
  },
  methods: {},
});
</script>

<style>
</style>