Set up Form component & some form elements components

resources/js_vue3/composables/helpers.js

@@ -0,0 +1,34 @@
+// import { ref } from 'vue'
+
+export function useIdGenerator(fieldType, fieldName) {
+	let prefix
+	fieldName = fieldName.toString()
+
+	switch (fieldType) {
+		case 'text':
+			prefix = 'txt'
+			break
+		case 'button':
+			prefix = 'btn'
+			break
+		case 'email':
+			prefix = 'eml'
+			break
+		case 'password':
+			prefix = 'pwd'
+			break
+		case 'radio':
+			prefix = 'rdo'
+			break
+		case 'label':
+			prefix = 'lbl'
+			break
+		default:
+			prefix = 'txt'
+			break
+	}
+
+	return {
+		inputId: prefix + fieldName[0].toUpperCase() + fieldName.toLowerCase().slice(1)
+	}
+}