updated inputId as per refactor suggestion

Author: ChrisWSchultz

src/components/FwbInput/composables/useInputAttributes.ts

@@ -4,10 +4,20 @@ import type { InputProps } from '../types'
 
 export const useInputAttributes = (props: InputProps) => {
  const attrs = useAttrs()
- const inputId = props?.label && props.label !== '' ? props.label.toLowerCase().trim().replace(/ /g, '-') : ''
+ const inputId = computed(() => {
+ if (!props?.label || props.label.trim() === '') {
+ return `input-${Math.random().toString(36).slice(2, 9)}`
+ }
+ return props.label
+ .toLowerCase()
+ .trim()
+ .replace(/[^\w\s-]/g, '') // Remove special characters
+ .replace(/\s+/g, '-') // Replace spaces with hyphens
+ .replace(/-+/g, '-') // Collapse multiple hyphens
+ })
 
  const inputAttributes = computed(() => {
- if (inputId !== '') {
+ if (inputId.value !== '') {
  return {
  ...attrs,
  id: inputId,