Vue Apollo query from within Vue router route guard

vue-route-guard-apollo-query.js

router.beforeEach((to, from, next) => {
  function delay(time) {
    return new Promise(resolve => {
      setTimeout(function() {
        resolve();
      }, time);
    });
  }

  setTimeout(async function() {
    const app = router.app.$apolloProvider.defaultClient;
    while (!app) await delay(10);
    app
      .query({
        query: gql`
          {
            posts(first: 100) {
              nodes {
                title
              }
            }
          }
        `
      })
      .then(data => {
        console.log('<== Pre-route GraphQL request completed ==>');
        next();
      })
      .catch(err => {
        console.log(err);
      });
  }, 1);
});