fix: 🐛 corrige les erreurs TS

Author: laruiss

src/components/DsfrButton/DsfrButton.vue

@@ -47,7 +47,7 @@ const iconProps = computed(() => typeof props.icon === 'string'
       'inline-flex': !dsfrIcon,
       'reverse': iconRight && !dsfrIcon,
       'justify-center': !dsfrIcon && iconOnly,
-      [icon]: dsfrIcon,
+      [icon as string]: dsfrIcon,
     }"
     :title="iconOnly ? label : undefined"
     :disabled="disabled"

src/components/DsfrButton/DsfrButtonGroup.vue

@@ -32,7 +32,8 @@ const groupStyle = computed(() => `--equisized-width: ${equisizedWidth.value};`)
 const computeEquisizedWidth = async () => {
   let maxWidth = 0
   await new Promise((resolve) => setTimeout(resolve, 100))
-  buttonsEl.value?.querySelectorAll('.fr-btn').forEach((button: Element) => {
+  buttonsEl.value?.querySelectorAll('.fr-btn').forEach((btn: Element) => {
+    const button = btn as HTMLButtonElement
     const width = button.offsetWidth
     const buttonStyle = window.getComputedStyle(button)
     const marginLeft = +buttonStyle.marginLeft.replace('px', '')

src/components/DsfrNavigation/DsfrNavigationMenuLink.vue

@@ -25,7 +25,7 @@ const iconProps = computed(() => (dsfrIcon.value || !props.icon)
   ? undefined
   : (typeof props.icon === 'string')
       ? { scale: defaultScale, name: props.icon }
-      : { scale: defaultScale, ...(props.icon || {}) },
+      : { scale: defaultScale, ...((props.icon as Record<string, string>) || {}) },
 )
 </script>
 

src/components/DsfrRange/DsfrRange.vue

@@ -135,7 +135,7 @@ onMounted(() => {
         :disabled="disabled"
         :aria-labelledby="`${id}-label`"
         :aria-describedby="`${id}-messages`"
-        @input="emit('update:lowerValue', +$event.target?.value)"
+        @input="emit('update:lowerValue', +($event.target as HTMLInputElement)?.value)"
       >
       <input
         :id="id"
@@ -148,7 +148,7 @@ onMounted(() => {
         :disabled="disabled"
         :aria-labelledby="`${id}-label`"
         :aria-describedby="`${id}-messages`"
-        @input="emit('update:modelValue', +$event.target?.value)"
+        @input="emit('update:modelValue', +($event.target as HTMLInputElement)?.value)"
       >
 
       <span

src/components/DsfrTooltip/DsfrTooltip.vue

@@ -32,12 +32,12 @@ watch(show, async (value) => {
 
   opacity.value = 0
   await new Promise(resolve => setTimeout(resolve, 100))
-  const sourceTop = source.value?.offsetTop
-  const sourceHeight = source.value?.offsetHeight
-  const sourceWidth = source.value?.offsetWidth
-  const sourceLeft = source.value?.offsetLeft
-  const tooltipHeight = tooltip.value?.offsetHeight
-  const tooltipWidth = tooltip.value?.offsetWidth
+  const sourceTop = source.value?.offsetTop as number
+  const sourceHeight = source.value?.offsetHeight as number
+  const sourceWidth = source.value?.offsetWidth as number
+  const sourceLeft = source.value?.offsetLeft as number
+  const tooltipHeight = tooltip.value?.offsetHeight as number
+  const tooltipWidth = tooltip.value?.offsetWidth as number
   const isSourceAtTop = (sourceTop - tooltipHeight) < 0
   const isSourceAtBottom = !isSourceAtTop && (sourceTop + sourceHeight + tooltipHeight) >= document.documentElement.offsetHeight
   top.value = isSourceAtBottom