Styled & Label

ShareShareShareShareShareShareShareShareShareShareShareShareShareShare

By using props:

<SocialShare
	:styled="true"
	:label="true"
/>

By using options:

export default defineNuxtConfig({
	socialShare: {
		styled: true,
		label: true,
	}
})

'label' is 'true' by default, and can be omitted here to get the same result.

Styled & No Label

By using props:

<SocialShare
	:styled="true"
	:label="false"
/>

By using options:

export default defineNuxtConfig({
	socialShare: {
		styled: true,
		label: false,
	}
})

Styled & No Label, with custom style

By using props:

<SocialShare
	:styled="true"
	:label="false"
/>

By using options:

export default defineNuxtConfig({
	socialShare: {
		styled: true,
		label: false,
	}
})

Custom styles can always be applied, no matter the value of 'style'.

No Style & Label (Default)

ShareShareShareShareShareShareShareShareShareShareShareShareShareShare

By using props:

<SocialShare
	:styled="false"
	:label="true"
/>

By using options:

export default defineNuxtConfig({
	socialShare: {
		styled: false,
		label: true,
	}
})

Both 'styled' and 'label' can be omitted here to get the same result, as these are the default values.