Any tips when using this with vue-router?

[francoism90]

I'm using vuex now. :)

[troxler]

For the record: You could use Headful with vue-router as follows:

// router configuration
// ...
{
  path: '/',
  // ...
  meta: {
    title: 'Title',
    description: 'Description',
  }
}
// ...

import headful from 'headful';
router.beforeEach((to, from, next) => {
  headful(to.meta);
  next();
});

In that scenario, there is no need for vue-headful but only Headful.

[francoism90]

@troxler And up with this:

router.beforeEach((to, from, next) => {
    const meta = _.pick(to.meta, ['title', 'description']);
    headful(meta);
    next();
});

Thanks, this is really helpful. :)