feat: various ID generation utilities

composables/useComponentKey.js

@@ -0,0 +1,4 @@
+/* Return a GUID that is unique to the component file */
+export default () => {
+	return useGUID(getCurrentInstance()?.vnode?.type?.__file);
+};

composables/useGUID.js

@@ -0,0 +1,14 @@
+/* Create a GUID */
+function useGUID(key = useId()) {
+	return useState('_guid-' + key, () => {
+		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(
+			/[xy]/g,
+			function (c) {
+				const r = (Math.random() * 16) | 0,
+					v = c == 'x' ? r : (r & 0x3) | 0x8;
+				return v.toString(16);
+			}
+		);
+	});
+}
+export default useGUID;

composables/useNumberId.js

@@ -0,0 +1,6 @@
+/* Create a number ID (unlike useId() which generates an id usable by the DOM) */
+function useNumberId(key = useId()) {
+	const counter = useState(() => 0);
+	return useState('_num-id-' + key, () => counter.value++);
+}
+export default useNumberId;