chore(nuxt): prefer handleNodesCSR

Author: harlan-zw

packages/nuxt/src/runtime/plugin.client.ts

@@ -1,5 +1,6 @@
+import { createSchemaOrg, handleNodesCSR, useVueUseHead } from '@vueuse/schema-org'
 import { defineNuxtPlugin } from '#app'
-import { createSchemaOrg, getCurrentInstance, onBeforeUnmount, ref, useRoute, useRouter, useVueUseHead } from '#imports'
+import { useRoute } from '#imports'
 import meta from '#build/schemaOrg.config.mjs'
 
 export default defineNuxtPlugin((nuxtApp) => {
@@ -13,41 +14,10 @@ export default defineNuxtPlugin((nuxtApp) => {
     ...meta.config,
   })
 
-  let _routeChanged = false
   nuxtApp._useSchemaOrg = (input) => {
     // if we should client side rendered, we may not need to
-    const ids = ref(new Set())
-
-    const vm = getCurrentInstance()!
-    let ctx = client.setupRouteContext(vm.uid)
-    if (!client.serverRendered || _routeChanged) {
-      // initial state will be correct from server, only need to watch for route changes to re-compute
-      ids.value = client.addNodesAndResolveRelations(ctx, input)
-      if (!client.serverRendered)
-        client.generateSchema()
-    }
-
-    const handleRouteChange = () => {
-      ctx = client.setupRouteContext(vm.uid)
-
-      client.removeContext(ctx)
-      ids.value = client.addNodesAndResolveRelations(ctx, input)
-      client.generateSchema()
-
-      client.setupDOM()
-      _routeChanged = true
-    }
-
-    const unwatchRoute = useRouter().afterEach(handleRouteChange)
-    // clean up nodes on unmount, client side only
-    onBeforeUnmount(() => {
-      client.removeContext(ctx)
-      ids.value = new Set()
-      client.generateSchema()
-      unwatchRoute()
-    })
-
-    return ids
+    // @todo handle true SSR mode
+    return handleNodesCSR(client, input)
   }
   nuxtApp.vueApp.use(client)
 })