fix: made GUID and number id composables non-reliant on useId

.playground/pages/[...slug].vue

@@ -12,6 +12,8 @@
 const route = useRoute();
 const layout = 'default';
 
+console.log(useGUID(), useNumberId());
+
 definePageMeta({
 	layout: false,
 	key: (route) => route.path,

composables/useGUID.js

@@ -1,14 +1,17 @@
-/* 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);
-			}
-		);
-	}).value;
+/* Make a GUID */
+function useGUID(key) {
+	return key ? useState('_guid-' + key, makeGUID).value : makeGUID();
 }
+
 export default useGUID;
+
+function makeGUID() {
+	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);
+		}
+	);
+}

composables/useNumberId.js

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