Browser shows "Cannot read properties of null (reading 'invalidateTypeCache')" error with "@astrojs/vue" integration

[Smart-Ace-Designs]

Astro Info

Astro                    v5.1.5
Node                     v22.12.0
System                   Windows (x64)
Package Manager          unknown
Output                   static
Adapter                  none
Integrations             @astrojs/vue

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

1. Deploy new Astro project with "npm create astro@latest" (blank project; select option to install dependencies)
2. Run "npx astro add vue"
3. Run "npm run dev"
4. Open browser to localhost:4321 - appears normal and default page is displayed
5. Close browser and kill dev environment
6. Run "npm run dev" again
7. Again, open browser - this time "Cannot read properties of null (reading 'invalidateTypeCache')" is displayed
8. Refresh browser and default page is displayed and error goes away
9. Repeat steps 5-8 with same results every time

Tried same process on another machine, same results...does not appear to be isolated to a single machine.

For the StackBlitz reproduction, I am just including the default template provided for Vue:
https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-vue?file=README.md&on=stackblitz

Ctrl-c to stop the initial dev environment and then run "npm run dev" again, and you will see the error show up immediately:

What's the expected result?

Default page should load each time with no error, when Astro Vue integration is added to project.

...should not have to refresh browser (F5) to get this to appear.

Link to Minimal Reproducible Example

https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-vue?file=README.md&on=stackblitz

Participation

• I am willing to submit a pull request for this issue.