Could I use some hooks in Vue Component?

[flyerH]

For example, I want to report some data before the page jump, since the data depends on some states in the component, if I define the onBeforeRoute.ts file, I have to mount these states on the pageContext so that they can be used in onBeforeRoute.ts. However, this is not very friendly. Is there any solution like the following?

import { onBeforeRoute } from 'vike-vue';

[brillout]

What would this onBeforeRoute import do?

[brillout]

Have you seen pageContext._previousPageContext? Correct me if I'm wrong but AFAICT this gives you the same capabilities than what you'd do with Vue Router.

Keep me updated. I'll update the docs after we resolve the conversation.

[brillout]

15cb513
5e317ec
[email protected]

[flyerH]

I tried previousPageContext, and it basically solved the issue with hook.
But there is still a small problem: setting variables on usePageContext is only work when the page first visited. If you set variable in page A, and jump to B and then jump back to page A, the custom variable on pageContext will not be set(mini repo). Maybe I need to watch page url change and set custom variable when url change.

Anyway, thank you very much for your work, I will give you some sponsorship~

[brillout]

But there is still a small problem: setting variables on usePageContext is only work when the page first visited. If you set variable in page A, and jump to B and then jump back to page A, the custom variable on pageContext will not be set(mini repo). Maybe I need to watch page url change and set custom variable when url change.

Seems related to Vue, not to Vike.

Anyway, thank you very much for your work, I will give you some sponsorship~

Thank you 💚