<template>
  <exception-page
    :home-route="homeRoute"
    :style="`min-height: ${minHeight}`"
    type="404"
  />
</template>

<script>
import ExceptionPage from "@/components/exception/ExceptionPage";
import { mapState } from "vuex";
export default {
  name: "Exp404",
  components: { ExceptionPage },
  computed: {
    ...mapState("setting", ["pageMinHeight"]),
    ...mapState("site", ["menus"]),
    minHeight() {
      return this.pageMinHeight ? this.pageMinHeight + "px" : "100vh";
    },
    homeRoute() {
      return this.menus[0].path;
    },
  },
};
</script>

<style scoped lang="less"></style>