Nuxt merges body classes by default. To change this behaviour use tagDuplicateStrategy
key:
useHead({
bodyClass: {
tagDuplicateStrategy: 'replace',
class: `page--${data.bodyClass}`,
},
})
Read more: https://unhead.unjs.io/docs/guides/handling-duplicates#tagduplicatestrategy