fix: avoid duplicate tags and node prop being exposed

package.json

@@ -54,8 +54,8 @@
   "dependencies": {
     "@nuxt/devtools-kit": "^1.6.1",
     "@nuxt/kit": "^3.14.1592",
-    "@unhead/schema-org": "^1.11.11",
-    "nuxt-site-config": "^3.0.3",
+    "@unhead/schema-org": "^1.11.13",
+    "nuxt-site-config": "^3.0.4",
     "pathe": "^1.1.2",
     "pkg-types": "^1.2.1",
     "sirv": "^3.0.0"

src/runtime/app/composables/useSchemaOrg.ts

@@ -12,6 +12,7 @@ export function useSchemaOrg<T extends Input>(input: T): ActiveHeadEntry<UnheadA
     key: 'schema-org-graph',
     nodes: input,
     ...config.scriptAttributes,
+    tagPriority: 'high',
   }
   // simple usage for dev
   if (import.meta.dev) {

src/runtime/app/plugins/defaults.ts

@@ -2,9 +2,9 @@ import {
   defineNuxtPlugin,
   defineWebPage,
   defineWebSite,
-  useSchemaOrg,
   useSiteConfig,
 } from '#imports'
+import { useSchemaOrg } from '../composables/useSchemaOrg'
 import { maybeAddIdentitySchemaOrg } from '../utils/shared'
 
 export default defineNuxtPlugin({

src/runtime/app/plugins/i18n/defaults.ts

@@ -5,11 +5,11 @@ import {
   defineWebSite,
   useLocalePath,
   useRuntimeConfig,
-  useSchemaOrg,
   useSiteConfig,
 } from '#imports'
-import { resolveSitePath } from 'site-config-stack/urls'
+import { resolveSitePath } from 'nuxt-site-config/urls'
 import { hasProtocol, withHttps } from 'ufo'
+import { useSchemaOrg } from '../../composables/useSchemaOrg'
 import { maybeAddIdentitySchemaOrg } from '../../utils/shared'
 
 export default defineNuxtPlugin({

src/runtime/app/utils/shared.ts

@@ -4,13 +4,14 @@ import {
   createSitePathResolver,
   useSiteConfig,
 } from '#imports'
-import { SchemaOrgUnheadPlugin, useSchemaOrg } from '@unhead/schema-org'
+import { SchemaOrgUnheadPlugin } from '@unhead/schema-org/vue'
 import { injectHead } from '@unhead/vue'
 import { defu } from 'defu'
 import { useRoute } from 'nuxt/app'
 import { camelCase } from 'scule'
 import { withoutTrailingSlash } from 'ufo'
 import { computed } from 'vue'
+import { useSchemaOrg } from '../composables/useSchemaOrg'
 import { useSchemaOrgConfig } from './config'
 
 export function initPlugin(nuxtApp: NuxtApp) {

test/fixtures/basic/app.vue

@@ -1,14 +1,4 @@
 <script lang="ts" setup>
-import { computed, definePerson, useSchemaOrg } from '#imports'
-
-useSchemaOrg([
-  definePerson({
-    name: computed(() => {
-      return 'Harlan'
-    }),
-    jobTitle: 'Software Engineer',
-  }),
-])
 </script>
 
 <template>

test/fixtures/basic/nuxt.config.ts

@@ -5,8 +5,16 @@ export default defineNuxtConfig({
   modules: [
     NuxtSchemaOrg,
   ],
+
   site: {
     url: 'https://nuxtseo.com',
     name: 'Nuxt SEO',
   },
+
+  schemaOrg: {
+    // identity: 'Organization',
+    defaults: false,
+  },
+
+  compatibilityDate: '2024-11-25',
 })

test/fixtures/basic/pages/about.vue

@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+import { defineWebPage, useSchemaOrg } from '#imports'
+
+useSchemaOrg([defineWebPage({
+  '@type': 'AboutPage',
+  'name': 'About',
+})])
+</script>
+
+<template>
+  <div>about</div>
+</template>

test/fixtures/basic/pages/empty.vue

@@ -0,0 +1,6 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div>about</div>
+</template>