How to use the nprogress.done function in nprogress

router.afterEach(() => {
  NProgress.done() // finish progress bar
})

router.beforeEach((to, from, next) => {
  if (from.path !== '/') {
    NProgress.done().start()
  }

  const isLogin = Store.getters[GET_IS_LOGIN]
  const auth = to.meta.auth

  if (auth === false || auth === 'false') {
    // 不需要验证的
    next()
  } else {
    // 已经登录的继续执行，没登录就跑到登录页面中去
    isLogin ? next() : router.replace(UserLogin.path)
  }
})

router.afterEach(() => {
  NProgress.done() // finish progress bar
})
export default router

socket.on(`user:projects`, data => {
    console.log(`%c[websocket] ` + `%cuser:projects =>`, `color: #ef5350`, `color:  #FF9800`, data)
    dispatch(Actions.setProjects(data))
    if (state().selectedProject.name && state().page) {
      socket.emit(`project:read`, {
        project: state().selectedProject.name,
        page: state().page
      })
    } else {
      NProgress.done()
    }
  })

getBlog().then(json => {
				const data = getList(json);
				this.setState({
					blogList: data
				});
				NProgress.done();
				sessionStorage.setItem('blogListData', JSON.stringify(data));
			});
		} else {

static initialPropsDidGet() {
        NProgress.done();
    }

handleRouteChangeComplete = () => {
    NProgress.done();
  };

export const onRouteUpdate = () => {
  NProgress.done(true);
};

router.afterEach((to, from) => {
  NProgress.done();
});

const { currentUser } = this.props.store;

    const { newName, newAvatarUrl } = this.state;

    if (!newName) {
      notify('Name is required');
      return;
    }

    NProgress.start();

    try {
      this.setState({ disabled: true });

      await currentUser.updateProfile({ name: newName, avatarUrl: newAvatarUrl });
      NProgress.done();
      notify('You successfully updated your profile.');
    } catch (error) {
      NProgress.done();
      notify(error);
    } finally {
      this.setState({ disabled: false });
    }
  };