<template>
  <div id="app" class="app-wrapper" v-loading="defaultLoading">
    <!-- <transition name="fade" mode="out-in"> -->
    <router-view />
    <!-- </transition> -->
  </div>
</template>
<script>
// import "@/assets/style/index.css";

export default {
  created() {},

  computed: {
    defaultLoading() {
      return this.$store.state.settings.loading;
    },
  },
  methods: {},
};
</script>
<style lang="scss">
body {
  width: 100%;
  height: 100%;
}

::v-deep .vue-recycle-scroller__item-wrapper::-webkit-scrollbar {
  display: block !important;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {
  opacity: 0;
}
</style>
<style scoped>
#app .theme-picker {
  display: none;
}

html, body, #app {
  height: 100%;
  overflow: hidden;
}

.app-wrapper {
  min-height: 100vh;
  overflow: hidden;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
#app::-webkit-scrollbar {
  width: 0;
  height: 0;
}

</style>
