nuxt
diff --git a/‎packages/script/src/runtime/components/ScriptCarbonAds.vue‎
Lines changed: 6 additions & 2 deletions b/‎packages/script/src/runtime/components/ScriptCarbonAds.vue‎
Lines changed: 6 additions & 2 deletions
diff --git a/‎test/nuxt-runtime/script-component-lifecycle.nuxt.test.ts‎
Lines changed: 33 additions & 0 deletions b/‎test/nuxt-runtime/script-component-lifecycle.nuxt.test.ts‎
Lines changed: 33 additions & 0 deletions
@@ -26,7 +26,7 @@ defineSlots<{
 }>()
 
 const attrId =`_carbonads_js`
-const carbonadsEl =ref<HTMLElement|null>(import.meta.client?document.getElementById(attrId) :null)
+const carbonadsEl =ref<HTMLElement|null>(null)
 // syncs to useScript status
 const status =ref('awaitingLoad')
 let scriptEl:HTMLScriptElement|undefined
@@ -56,6 +56,8 @@ function loadCarbon() {
 emit('ready', script)
  }
  }
+// carbon.js resolves #_carbonads_js by id, so only one may exist at a time
+document.getElementById(attrId)?.remove()
 carbonadsEl.value.appendChild(script)
 }
 
@@ -82,7 +84,9 @@ onBeforeUnmount(() => {
 if (scriptEl) {
 scriptEl.onload=null
 scriptEl.onerror=null
-scriptEl.remove()
+// a pending carbon.js ad callback reads #_carbonads_js.src unguarded, so park
+// the already-executed script in <head> rather than removing it
+document.head.appendChild(scriptEl)
 scriptEl=undefined
  }
 })
 
@@ -33,6 +33,8 @@ describe('script component lifecycle', () => {
 afterEach(()=>{
 for(constwrapperofwrappers.splice(0))
 wrapper.unmount()
+for(constelofdocument.querySelectorAll('#_carbonads_js'))
+el.remove()
 if(lemonSqueezyDescriptor)
 Object.defineProperty(window,'LemonSqueezy',lemonSqueezyDescriptor)
 else
@@ -51,6 +53,37 @@ describe('script component lifecycle', () => {
 expect(removeRoot).not.toHaveBeenCalled()
 })
 
+// carbon.js reads `document.getElementById('_carbonads_js').src` from its own
+// async ad callback, unguarded, so the id must outlive the component.
+it('keeps the carbon script resolvable by id after unmount',()=>{
+constwrapper=mount(ScriptCarbonAds,{
+attachTo: document.body,
+props: {serve: 'CW7DTKJL',placement: 'unlighthousedev',format: 'cover'},
+})
+wrappers.push(wrapper)
+
+wrapper.unmount()
+
+constreadServe=()=>newURL(document.getElementById('_carbonads_js')!.getAttribute('src')!,'https://x.test').searchParams.get('serve')
+expect(readServe()).toBe('CW7DTKJL')
+})
+
+it('replaces the parked script when a new instance mounts',()=>{
+constfirst=mount(ScriptCarbonAds,{
+attachTo: document.body,
+props: {serve: 'CW7DTKJL',placement: 'first',format: 'cover'},
+})
+first.unmount()
+constsecond=mount(ScriptCarbonAds,{
+attachTo: document.body,
+props: {serve: 'CW7DTKJL',placement: 'second',format: 'cover'},
+})
+wrappers.push(second)
+
+expect(document.querySelectorAll('#_carbonads_js')).toHaveLength(1)
+expect(document.getElementById('_carbonads_js')!.getAttribute('src')).toContain('placement=second')
+})
+
 it('fans Lemon Squeezy events out to every live component',()=>{
 constfirstEvent=vi.fn()
 constsecondEvent=vi.fn()