Ho to dynamically change meta.

[ghost]

This piece is not working

  import { useRoute } from "vue-router";
  
  const route = useRoute();
  route.meta.layout = "emptyLayout";

[ghost]

I resole this problem by modificating meta in beforeEach hook.

router.beforeEach(async (to, from, next) => {
  const user = useUserStore();
  const $services = useServices();
  
  if(to.name === 404) {
    to.meta.layout = user.isAuthenticated ? "AppLayout" : "EmptyLayout";
  }

  next()
}