Split Vue 3 attrs into root and bind attrs for transparent components

bind-attrs.js

import { computed, useAttrs } from "vue";

export function useBindAttrs() {
	const attrs = useAttrs();

	const rootAttrs = computed(() => ({
		class: attrs.class,
		style: attrs.style,
	}));

	const bindAttrs = computed(() => {
		const { style, class: cls, ...rest } = attrs;

		return rest;
	});

	return { rootAttrs, bindAttrs };
}