v-bind and client:only conflicted

[joesonw]

I am using both v-bind and client:load script on a component, it will produce Duplicate attribute error.

I suspect it's here

iles/packages/iles/src/node/plugin/wrap.ts

Lines 150 to 158 in 86ea918

	s.appendLeft(node.loc.end.offset - 3 - node.tag.length,
	` <Island v-bind='${JSON.stringify({
	...props,
	component: {},
	componentName: 'clientScript',
	importName: 'onLoad',
	using: 'vanilla',
	importFrom,
	})}'/>\n`)

is there any way around it?

[ElMassimo]

Hi Joeson!

Are you passing any props to the island component? Trying to understand if the Duplicate attribute error is caused by a difference in casing (otherwise merging props with the other properties would remove duplicates).

If you provide a small reproduction I can take a look.

[joesonw]

Yea.
So basically, I am using client:load script. And I also used v-bind on the component. I guess that's where it conflicted.