fix(SchemaOrgDebug): use props.console

Author: harlan-zw

packages/schema-org/runtime/components/SchemaOrgDebug.ts

@@ -8,7 +8,7 @@ export const SchemaOrgDebug = defineComponent({
       default: false,
     },
   },
-  setup() {
+  setup(props) {
     const schemaRaw = ref('')
     let observer: MutationObserver
 
@@ -20,7 +20,7 @@ export const SchemaOrgDebug = defineComponent({
 
         const fetchSchema = () => {
           $el = document.querySelector('script[data-id="schema-org-graph"]')
-          schemaRaw.value = $el?.innerText
+          schemaRaw.value = $el?.textContent || ''
         }
 
         // Create an observer instance linked to the callback function
@@ -38,6 +38,13 @@ export const SchemaOrgDebug = defineComponent({
       })
     })
 
+    if (props.console) {
+      watch(schemaRaw, (val) => {
+        // eslint-disable-next-line no-console
+        console.info('[SchemaOrgDebug]', JSON.parse(val))
+      })
+    }
+
     onBeforeUnmount(() => {
       observer?.disconnect()
     })