page:finish hook won't be triggered

[sxzz]

If ssr option is disabled, then page:finish hook won't be triggered.

nuxt-umami/plugins/umami.ts

Lines 14 to 19 in 6de77d1

	'page:finish': function () {
	const { autoTrack } = umConfig.value;
	if (!autoTrack)
	return;
	setTimeout(umTrackView, 300);

[ijkml]

Oh, boy... I'll look into this, thanks @sxzz.

[ijkml]

Hello again, @sxzz.
I finally had a chance but I couldn't reproduce it. The hook seems to trigger with ssr: false 🤷.
Anyway, could you take a look at this repro and let me know if I missed something?
https://stackblitz.com/edit/nuxt-umami?file=nuxt.config.ts

Thanks, again.

[sxzz]

Seems not relate to SSR, but relate to Suspense

Minimal reproduction repo: https://github.com/sxzz/nuxt-page-finish

[ijkml]

Yeah, you're right. It is related to Suspense.
But, the hook triggers when you add <NuxtPage />.
Repo: https://github.com/ijkml/nuxt-page-finish

Will look into how much of an effect this has 'cause the code is for autoTrack (useful when you have pages).

nuxt-umami/plugins/umami.ts

Lines 14 to 19 in 6de77d1

	'page:finish': function () {
	const { autoTrack } = umConfig.value;
	if (!autoTrack)
	return;
	setTimeout(umTrackView, 300);

How did you find the bug, please?

[sxzz]

I have an SPA project that doesn't automatically track pages. To fix this, I manually added another plugin using app:mounted hook.

https://github.com/sxzz/ast-explorer/blob/main/plugins/umami.ts

[ijkml]

Absolutely right, it is a <NuxtPage> / Suspense thing.

I'm stuck. Do you have any suggestions on a fix for this?

Also, instead of a plugin, onMounted(() => umTrackView()) in app.vue might work, no?

[sxzz]

Of course, it works. Can we use hook app:mounted (with 300ms delay), instead of page:finish?

[ijkml]

Unfortunately, no.
app:mounted is only triggered once (https://nuxt.com/docs/api/advanced/hooks#app-hooks-runtime).

Mean time, I would add this behavior to faqs/quirks 👍.