import { nextTick } from 'vue'
import { useSettingStore } from '@/store/modules/setting'
import NProgress from 'nprogress'
import { useCommon } from '@/hooks/core/useCommon'
import { loadingService } from '@/utils/ui'
import { getPendingLoading, resetPendingLoading } from './beforeEach'
function setupAfterEachGuard(router) {
  const { scrollToTop } = useCommon()
  router.afterEach(() => {
    scrollToTop()
    const settingStore = useSettingStore()
    if (settingStore.showNprogress) {
      NProgress.done()
      setTimeout(() => {
        NProgress.remove()
      }, 600)
    }
    if (getPendingLoading()) {
      nextTick(() => {
        loadingService.hideLoading()
        resetPendingLoading()
      })
    }
  })
}
export { setupAfterEachGuard }