feat(core): add support to change script position from body

packages/schema-org/src/composables/createSchemaOrg.ts

@@ -11,6 +11,10 @@ import {
 import { deepUnref } from '../util'
 
 export interface CreateSchemaOrgInput {
+  /**
+   * Whether to inject the scripts at the end of the body or in the head.
+   */
+  position?: 'body' | 'head'
   /**
    * The meta data used to render the final schema.org graph.
    */
@@ -55,6 +59,8 @@ export interface SchemaOrgVuePlugin {
 }
 
 export const createSchemaOrg = (options: CreateSchemaOrgInput) => {
+  if (!options.position)
+    options.position = 'body'
   const schemaRef = ref<string>('')
 
   let ctx = createSchemaOrgGraph()
@@ -95,16 +101,18 @@ export const createSchemaOrg = (options: CreateSchemaOrgInput) => {
 
     setupDOM() {
       return options.updateHead(computed(() => {
+        const script: any = {
+          'type': 'application/ld+json',
+          'data-id': 'schema-org-graph',
+          'key': 'schema-org-graph',
+          'children': schemaRef.value,
+        }
+        if (options.position === 'body')
+          script.body = true
         return {
           // Can be static or computed
           script: [
-            {
-              'type': 'application/ld+json',
-              'data-id': 'schema-org-graph',
-              'key': 'schema-org-graph',
-              'children': schemaRef.value,
-              'body': true,
-            },
+            script,
           ],
         }
       }))

packages/schema-org/src/types.ts

@@ -51,6 +51,10 @@ export interface ResolvedUserConfig {
 }
 
 export interface UserConfig {
+  /**
+   * Whether to inject the scripts at the end of the body or in the head.
+   */
+  position?: 'body' | 'head'
   /**
    * Should schema.org only be rendered by the server.
    *