fix(vue-query-devtools): only register cleanup after mount (#10439)

* fix(vue-query-devtools): only register cleanup after mount

* chore(changeset): add vue-query-devtools patch release note

Author: semimikoh

.changeset/khaki-coats-divide.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/vue-query-devtools': patch
+---
+
+Fix Vue SSR devtools cleanup by only registering `unmount()` after `mount()` has run.

packages/vue-query-devtools/src/devtools.vue

@@ -33,10 +33,9 @@ watchEffect(() => {
 
 onMounted(() => {
   devtools.mount(div.value as HTMLElement)
-})
-
-onScopeDispose(() => {
-  devtools.unmount()
+  onScopeDispose(() => {
+    devtools.unmount()
+  })
 })
 </script>
 

packages/vue-query-devtools/src/devtoolsPanel.vue

@@ -38,10 +38,9 @@ watchEffect(() => {
 
 onMounted(() => {
   devtools.mount(div.value as HTMLElement)
-})
-
-onScopeDispose(() => {
-  devtools.unmount()
+  onScopeDispose(() => {
+    devtools.unmount()
+  })
 })
 </script>