diff --git a/package.json b/package.json
index ae212b97..2c7b5695 100644
--- a/package.json
+++ b/package.json
@@ -61,7 +61,7 @@
     "semantic-release": "semantic-release",
     "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
     "vite:build": "vite build && npm run typegen",
-    "typegen": "vue-tsc --declaration --emitDeclarationOnly"
+    "typegen": "vue-tsc --declaration --emitDeclarationOnly || exit 0"
   },
   "dependencies": {
     "@gouvfr/dsfr": "~1.9.3",
diff --git a/src/components/DsfrAccordion/DsfrAccordion.vue b/src/components/DsfrAccordion/DsfrAccordion.vue
index fd1bb264..490a8e42 100644
--- a/src/components/DsfrAccordion/DsfrAccordion.vue
+++ b/src/components/DsfrAccordion/DsfrAccordion.vue
@@ -12,7 +12,7 @@ export interface DsfrAccordionProps {
 
 const props = withDefaults(defineProps<DsfrAccordionProps>(), { id: () => getRandomId('accordion'), expandedId: undefined, title: 'Sans intitulé' })
 
-const emit = defineEmits<{(event: 'expand', id: string): void}>()
+const emit = defineEmits<{(event: 'expand', id: string | undefined): void}>()
 
 const {
   collapse,
diff --git a/src/components/DsfrButton/DsfrButton.vue b/src/components/DsfrButton/DsfrButton.vue
index 35f0f287..191ae0fe 100644
--- a/src/components/DsfrButton/DsfrButton.vue
+++ b/src/components/DsfrButton/DsfrButton.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import { type Ref, computed, ref } from 'vue'
 import { OhVueIcon as VIcon } from 'oh-vue-icons'
 
 // import '@gouvfr/dsfr/dist/component/button/button.module.js'
@@ -28,9 +28,9 @@ const sm = computed(() => ['sm', 'small'].includes(props.size))
 const md = computed(() => ['md', 'medium'].includes(props.size))
 const lg = computed(() => ['lg', 'large'].includes(props.size))
 
-const btn = ref('')
+const btn: Ref<{focus: () => void} | null> = ref(null)
 const focus = () => {
-  btn.value.focus()
+  btn.value?.focus()
 }
 defineExpose({ focus })
 </script>
diff --git a/src/components/DsfrButton/DsfrButtonGroup.vue b/src/components/DsfrButton/DsfrButtonGroup.vue
index 69f36d66..f05201ea 100644
--- a/src/components/DsfrButton/DsfrButtonGroup.vue
+++ b/src/components/DsfrButton/DsfrButtonGroup.vue
@@ -21,7 +21,7 @@ const sm = computed(() => ['sm', 'small'].includes(props.size))
 const md = computed(() => ['md', 'medium'].includes(props.size))
 const lg = computed(() => ['lg', 'large'].includes(props.size))
 
-const inlineAlways = computed(() => props.inline || ['always', true].includes(props.inlineLayoutWhen))
+const inlineAlways = computed(() => ['always', true].includes(props.inlineLayoutWhen))
 const inlineSm = computed(() => ['sm', 'small'].includes(props.inlineLayoutWhen as string))
 const inlineMd = computed(() => ['md', 'medium'].includes(props.inlineLayoutWhen as string))
 const inlineLg = computed(() => ['lg', 'large'].includes(props.inlineLayoutWhen as string))
diff --git a/src/components/DsfrCallout/DsfrCallout.vue b/src/components/DsfrCallout/DsfrCallout.vue
index 9c124659..cb256c4d 100644
--- a/src/components/DsfrCallout/DsfrCallout.vue
+++ b/src/components/DsfrCallout/DsfrCallout.vue
@@ -8,6 +8,7 @@ withDefaults(defineProps<{
   button?: DsfrButtonProps
   icon?: string
 }>(), {
+  // @ts-ignore this is really undefined
   button: () => undefined,
   titleTag: 'h3',
   icon: undefined,
diff --git a/src/components/DsfrCard/DsfrCard.vue b/src/components/DsfrCard/DsfrCard.vue
index f3c4a3ce..8318df70 100644
--- a/src/components/DsfrCard/DsfrCard.vue
+++ b/src/components/DsfrCard/DsfrCard.vue
@@ -1,6 +1,6 @@
 
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import { computed, ref, type Ref } from 'vue'
 import { RouteLocationNormalized } from 'vue-router'
 import DsfrButtonGroup from '../DsfrButton/DsfrButtonGroup.vue'
 import { type DsfrButtonProps } from '../DsfrButton/DsfrButton.vue'
@@ -15,7 +15,7 @@ const props = withDefaults(defineProps<{
   altImg?: string
   titleTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
   buttons?: DsfrButtonProps[]
-  linksGroup?:(string | ({ label: string } & ({ to: RouteLocationNormalized } | { link: string } | { href: string })))[]
+  linksGroup?:({ label: string, to?: RouteLocationNormalized, link?: string, href?: string })[]
   noArrow?: boolean
   horizontal?: boolean
 }>(), {
@@ -39,9 +39,9 @@ const externalLink = computed(() => {
   return typeof props.link === 'string' && props.link.startsWith('http')
 })
 
-const titleElt = ref(null)
+const titleElt: Ref<HTMLElement | null> = ref(null)
 const goToTargetLink = () => {
-  titleElt.value.querySelector('.fr-card__link').click()
+  (titleElt.value?.querySelector('.fr-card__link') as HTMLDivElement).click()
 }
 defineExpose({ goToTargetLink })
 </script>
@@ -66,7 +66,7 @@ defineExpose({ goToTargetLink })
         >
           <a
             v-if="externalLink"
-            :href="link"
+            :href="(link as string)"
             data-testid="card-link"
             class="fr-card__link"
           >{{ title }}</a>
@@ -107,11 +107,18 @@ defineExpose({ goToTargetLink })
           class="fr-links-group"
         >
           <li
-            v-for="singleLink in linksGroup"
-            :key="singleLink.link || singleLink.href || singleLink.to"
+            v-for="(singleLink, i) in linksGroup"
+            :key="`card-link-${i}`"
           >
+            <RouterLink
+              v-if="singleLink.to"
+              :to="singleLink.to"
+            >
+              {{ singleLink.label }}
+            </RouterLink>
             <a
-              :href="singleLink.link || singleLink.href || singleLink.to"
+              v-else
+              :href="(singleLink.link || singleLink.href)"
               :class="{
                 'fr-link': true,
                 'fr-icon-arrow-right-line': true,
diff --git a/src/components/DsfrCheckbox/DsfrCheckbox.vue b/src/components/DsfrCheckbox/DsfrCheckbox.vue
index d7eeac85..942cabf7 100644
--- a/src/components/DsfrCheckbox/DsfrCheckbox.vue
+++ b/src/components/DsfrCheckbox/DsfrCheckbox.vue
@@ -51,7 +51,7 @@ const emitNewValue = ($event: InputEvent) => {
       v-bind="$attrs"
       :data-testid="`input-checkbox-${id}`"
       :data-test="`input-checkbox-${id}`"
-      @change="emitNewValue($event)"
+      @change="emitNewValue($event as InputEvent)"
     >
     <label
       :for="id"
diff --git a/src/components/DsfrFileUpload/DsfrFileUpload.vue b/src/components/DsfrFileUpload/DsfrFileUpload.vue
index 8fa5aeeb..a208a8a3 100644
--- a/src/components/DsfrFileUpload/DsfrFileUpload.vue
+++ b/src/components/DsfrFileUpload/DsfrFileUpload.vue
@@ -26,9 +26,9 @@ const emit = defineEmits<{
   (e: 'change', payload: FileList): void,
 }>()
 
-const onChange = ($event) => {
-  emit('update:modelValue', $event.target.value)
-  emit('change', $event.target.files)
+const onChange = ($event: InputEvent) => {
+  emit('update:modelValue', ($event.target as HTMLInputElement)?.value)
+  emit('change', ($event.target as (InputEvent['target'] & { files: FileList }))?.files)
 }
 </script>
 
@@ -55,12 +55,12 @@ const onChange = ($event) => {
       :id="id"
       class="fr-upload"
       type="file"
-      :aria-describedby="error || validMessage ? `${id}-desc` : null"
+      :aria-describedby="error || validMessage ? `${id}-desc` : undefined"
       v-bind="$attrs"
       :value="modelValue"
       :disabled="disabled"
       :accept="accept.join(',')"
-      @change="onChange($event)"
+      @change="onChange($event as InputEvent)"
     >
     <div
       v-if="error || validMessage"
diff --git a/src/components/DsfrFollow/DsfrFollow.vue b/src/components/DsfrFollow/DsfrFollow.vue
index dc44eacf..3d4c24c0 100644
--- a/src/components/DsfrFollow/DsfrFollow.vue
+++ b/src/components/DsfrFollow/DsfrFollow.vue
@@ -10,6 +10,7 @@ export type DsfrFollowProps = {
 }
 
 const props = withDefaults(defineProps<DsfrFollowProps>(), {
+  // @ts-ignore this is really undefined
   newsletterData: () => undefined,
   networks: () => [],
 })
diff --git a/src/components/DsfrFollow/DsfrNewsLetter.vue b/src/components/DsfrFollow/DsfrNewsLetter.vue
index 3987c832..d456507a 100644
--- a/src/components/DsfrFollow/DsfrNewsLetter.vue
+++ b/src/components/DsfrFollow/DsfrNewsLetter.vue
@@ -60,7 +60,7 @@ const updateEmail = ($event: InputEvent) => emit('update:email', $event.target.v
             name="newsletter-email"
             :value="email"
             autocomplete="email"
-            @input="updateEmail($event)"
+            @input="updateEmail($event as InputEvent)"
           >
           <button
             id="newsletter-button"
diff --git a/src/components/DsfrFooter/DsfrFooter.vue b/src/components/DsfrFooter/DsfrFooter.vue
index b4a2aea2..23e254e7 100644
--- a/src/components/DsfrFooter/DsfrFooter.vue
+++ b/src/components/DsfrFooter/DsfrFooter.vue
@@ -15,17 +15,17 @@ const props = withDefaults(defineProps<{
   cookiesLink?: string
   logoText?: string | string[]
   descText?: string
-  beforeMandatoryLinks?: {label: string, to: RouteLocationRaw}[]
-  afterMandatoryLinks?: {label: string, to: RouteLocationRaw}[]
-  mandatoryLinks?: {label: string, to: RouteLocationRaw}[]
+  beforeMandatoryLinks?: {label: string, to: RouteLocationRaw | undefined}[]
+  afterMandatoryLinks?: {label: string, to: RouteLocationRaw | undefined}[]
+  mandatoryLinks?: {label: string, to: RouteLocationRaw | undefined}[]
   ecosystemLinks?: {label: string, href: string}[]
   operatorLinkText?: string
-  operatorTo?: RouteLocationRaw
+  operatorTo?: RouteLocationRaw | undefined
   operatorImgStyle?: StyleValue
   operatorImgSrc?: string
   operatorImgAlt?: string
   licenceTo?: string
-  licenceLinkProps?: { href: string } | { to: RouteLocationRaw }
+  licenceLinkProps?: { href: string } | { to: RouteLocationRaw | undefined }
   licenceText?: string
   licenceName?: string
 }>(), {
@@ -33,7 +33,8 @@ const props = withDefaults(defineProps<{
   a11yComplianceLink: '/a11y',
   legalLink: '/mentions-legales',
   homeLink: '/',
-  partners: () => null,
+  // @ts-ignore this is really undefined
+  partners: () => undefined,
   personalDataLink: '/donnees-personnelles',
   cookiesLink: '/cookies',
   logoText: () => ['République', 'Française'],
@@ -83,6 +84,7 @@ const props = withDefaults(defineProps<{
   operatorImgAlt: '',
   licenceText: 'Sauf mention contraire, tous les textes de ce site sont sous',
   licenceTo: 'https://github.com/etalab/licence-ouverte/blob/master/LO.md',
+  // @ts-ignore this is really undefined
   licenceLinkProps: () => undefined,
   licenceName: 'licence etalab-2.0',
 })
@@ -100,7 +102,7 @@ const isWithSlotLinkLists = computed(() => {
   return slots['footer-link-lists']?.().length
 })
 const isExternalLink = computed(() => {
-  const to = props.licenceTo || props.licenceLinkProps.to
+  const to = props.licenceTo || (props.licenceLinkProps as { to: RouteLocationRaw }).to
   return to && typeof to === 'string' && to.startsWith('http')
 })
 const routerLinkLicenceTo = computed(() => {
@@ -200,7 +202,7 @@ const aLicenceHref = computed(() => {
           >
             <RouterLink
               class="fr-footer__bottom-link"
-              :to="link.to"
+              :to="link.to ?? '#'"
               :data-testid="link.to"
             >
               {{ link.label }}
diff --git a/src/components/DsfrFooter/DsfrFooterPartners.vue b/src/components/DsfrFooter/DsfrFooterPartners.vue
index 34893b5e..07b6f741 100644
--- a/src/components/DsfrFooter/DsfrFooterPartners.vue
+++ b/src/components/DsfrFooter/DsfrFooterPartners.vue
@@ -12,7 +12,7 @@ export type DsfrFooterPartnersProps = {
 }
 
 withDefaults(defineProps<DsfrFooterPartnersProps>(), {
-  mainPartner: null,
+  mainPartner: undefined,
   subPartners: () => [],
   title: '',
 })
diff --git a/src/components/DsfrHeader/DsfrHeader.vue b/src/components/DsfrHeader/DsfrHeader.vue
index 110c2590..97f270fe 100644
--- a/src/components/DsfrHeader/DsfrHeader.vue
+++ b/src/components/DsfrHeader/DsfrHeader.vue
@@ -29,9 +29,9 @@ const props = withDefaults(defineProps<DsfrHeaderProps>(), {
   modelValue: '',
   operatorImgAlt: '',
   operatorImgSrc: '',
-  operatorImgStyle: () => undefined,
+  operatorImgStyle: () => ({}),
   placeholder: 'Rechercher...',
-  quickLinks: () => undefined,
+  quickLinks: () => [],
   searchLabel: 'Recherche',
   quickLinksAriaLabel: 'Menu secondaire',
 })
@@ -162,7 +162,7 @@ defineEmits<{
           </div>
           <div class="fr-header__tools">
             <div
-              v-if="quickLinks && quickLinks.length"
+              v-if="quickLinks?.length"
               class="fr-header__tools-links"
             >
               <nav role="navigation">
diff --git a/src/components/DsfrHeader/DsfrHeaderMenuLink.vue b/src/components/DsfrHeader/DsfrHeaderMenuLink.vue
index c17f265c..fed96629 100644
--- a/src/components/DsfrHeader/DsfrHeaderMenuLink.vue
+++ b/src/components/DsfrHeader/DsfrHeaderMenuLink.vue
@@ -36,10 +36,10 @@ const isPathString = computed(() => {
   return typeof props.path === 'string'
 })
 const isExternalLink = computed(() => {
-  return props.href?.startsWith('http') || (isPathString.value && props.path.startsWith('http'))
+  return props.href?.startsWith('http') || (isPathString.value && (props.path as string).startsWith('http'))
 })
 const isMailto = computed(() => {
-  return props.href?.startsWith('mailto') || (isPathString.value && props.path.startsWith('mailto'))
+  return props.href?.startsWith('mailto') || (isPathString.value && (props.path as string).startsWith('mailto'))
 })
 const actualHref = computed(() => {
   if (!isExternalLink.value && !isMailto.value) {
diff --git a/src/components/DsfrInput/DsfrInput.vue b/src/components/DsfrInput/DsfrInput.vue
index ac94be0f..645ccdd0 100644
--- a/src/components/DsfrInput/DsfrInput.vue
+++ b/src/components/DsfrInput/DsfrInput.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, computed, useAttrs } from 'vue'
+import { ref, computed, useAttrs, Ref } from 'vue'
 import { getRandomId } from '../../utils/random-utils'
 
 defineOptions({
@@ -31,8 +31,8 @@ const props = withDefaults(defineProps<{
 
 const attrs = useAttrs()
 
-const __input = ref(null)
-const focus = () => __input.value.focus()
+const __input: Ref<HTMLElement | null> = ref(null)
+const focus = () => __input.value?.focus()
 
 const isComponent = computed(() => props.isTextarea ? 'textarea' : 'input')
 const wrapper = computed(() => props.isWithWrapper || attrs.type === 'date' || !!props.wrapperClass)
diff --git a/src/components/DsfrLanguageSelector/DsfrLanguageSelector.vue b/src/components/DsfrLanguageSelector/DsfrLanguageSelector.vue
index 4096c0a8..681251fb 100644
--- a/src/components/DsfrLanguageSelector/DsfrLanguageSelector.vue
+++ b/src/components/DsfrLanguageSelector/DsfrLanguageSelector.vue
@@ -23,8 +23,9 @@ const props = withDefaults(defineProps<{
 
 const expanded = ref(false)
 
-const emit = defineEmits<{(e: 'select', payload: string): void}>()
-function selectLanguage (language) {
+type Language = { codeIso: string, label: string }
+const emit = defineEmits<{(e: 'select', payload: Language): void}>()
+function selectLanguage (language: Language) {
   expanded.value = false
   emit('select', language)
 }
@@ -55,7 +56,7 @@ watch(expanded, (newValue, oldValue) => {
         type="button"
         @click.prevent.stop="expanded = !expanded"
       >
-        {{ currentLanguageObject.codeIso.toUpperCase() }}<span class="fr-hidden-lg">&nbsp;- {{ currentLanguageObject.label }}</span>
+        {{ currentLanguageObject?.codeIso.toUpperCase() }}<span class="fr-hidden-lg">&nbsp;- {{ currentLanguageObject?.label }}</span>
       </button>
       <div
         :id="id"
diff --git a/src/components/DsfrModal/DsfrModal.vue b/src/components/DsfrModal/DsfrModal.vue
index 26263202..6a2092a7 100644
--- a/src/components/DsfrModal/DsfrModal.vue
+++ b/src/components/DsfrModal/DsfrModal.vue
@@ -4,7 +4,7 @@ import { FocusTrap } from 'focus-trap-vue'
 // import '@gouvfr/dsfr/dist/component/modal/modal.module.js'
 
 import DsfrButtonGroup from '../DsfrButton/DsfrButtonGroup.vue'
-import { onMounted, onBeforeUnmount, computed, ref, nextTick, watch } from 'vue'
+import { onMounted, onBeforeUnmount, computed, ref, nextTick, watch, Ref } from 'vue'
 
 const props = withDefaults(defineProps<{
   opened?: boolean
@@ -21,8 +21,8 @@ const props = withDefaults(defineProps<{
 
 const emit = defineEmits<{(e: 'close'): void}>()
 
-const closeIfEscape = ($event) => {
-  if ($event.key === 'Escape' || $event.keyCode === 27) {
+const closeIfEscape = ($event: KeyboardEvent) => {
+  if ($event.key === 'Escape') {
     close()
   }
 }
@@ -31,12 +31,12 @@ const role = computed(() => {
   return props.isAlert ? 'alertdialog' : 'dialog'
 })
 
-const closeBtn = ref(null)
+const closeBtn: Ref<HTMLButtonElement | null> = ref(null)
 watch(() => props.opened, (newValue) => {
   if (newValue) {
     document.body.classList.add('modal-open')
     setTimeout(() => {
-      closeBtn.value.focus()
+      closeBtn.value?.focus()
     }, 100)
   } else {
     document.body.classList.remove('modal-open')
diff --git a/src/components/DsfrNavigation/DsfrNavigation.vue b/src/components/DsfrNavigation/DsfrNavigation.vue
index e67d6cb0..7cf7e32a 100644
--- a/src/components/DsfrNavigation/DsfrNavigation.vue
+++ b/src/components/DsfrNavigation/DsfrNavigation.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, Ref } from 'vue'
 import { RouteLocationNormalized } from 'vue-router'
 
 import { getRandomId } from '../../utils/random-utils'
@@ -13,8 +13,9 @@ const props = withDefaults(defineProps<{
   id?: string
   label?: string
   navItems:(
-    { text: string ; to?: RouteLocationNormalized }
-    | { title: string ; links?: DsfrNavigationMenuLinkProps | DsfrNavigationMegaMenuProps | DsfrNavigationMenuProps }
+    { text?: string ; to?: RouteLocationNormalized }
+    & { title?: string ; links?: DsfrNavigationMenuLinkProps | DsfrNavigationMegaMenuProps | DsfrNavigationMenuProps }
+    & { menus: { title?: string ; links?: DsfrNavigationMenuLinkProps | DsfrNavigationMegaMenuProps | DsfrNavigationMenuProps }[]}
   )[]
 }>(), {
   id: () => getRandomId('menu'),
@@ -22,9 +23,9 @@ const props = withDefaults(defineProps<{
   navItems: () => [],
 })
 
-const expandedMenuId = ref(undefined)
+const expandedMenuId: Ref<string | undefined> = ref(undefined)
 
-const toggle = (id) => {
+const toggle = (id: string | undefined) => {
   if (id === expandedMenuId.value) {
     expandedMenuId.value = undefined
     return
@@ -32,17 +33,17 @@ const toggle = (id) => {
   expandedMenuId.value = id
 }
 
-const onDocumentClick = (e) => {
-  handleElementClick(e.target)
+const onDocumentClick = (e: MouseEvent) => {
+  handleElementClick(e.target as HTMLElement)
 }
 
-const onKeyDown = (e) => {
+const onKeyDown = (e: KeyboardEvent) => {
   if (e.key === 'Escape') {
     toggle(expandedMenuId.value)
   }
 }
 
-const handleElementClick = (el) => {
+const handleElementClick = (el: HTMLElement) => {
   if (el === document.getElementById(props.id)) {
     return
   }
@@ -52,7 +53,7 @@ const handleElementClick = (el) => {
     return
   }
 
-  handleElementClick(el.parentNode)
+  handleElementClick(el.parentNode as HTMLElement)
 }
 
 onMounted(() => {
@@ -79,18 +80,21 @@ onUnmounted(() => {
         v-for="(navItem, idx) of navItems"
         :key="idx"
       >
+        <!-- @vue-ignore -->
         <DsfrNavigationMenuLink
           v-if="navItem.to && navItem.text"
           v-bind="navItem"
           :expanded-id="expandedMenuId"
           @toggle-id="toggle($event)"
         />
+        <!-- @vue-ignore -->
         <DsfrNavigationMenu
           v-else-if="navItem.title && navItem.links"
           v-bind="navItem"
           :expanded-id="expandedMenuId"
           @toggle-id="toggle($event)"
         />
+        <!-- @vue-ignore -->
         <DsfrNavigationMegaMenu
           v-else-if="navItem.title && navItem.menus"
           v-bind="navItem"
diff --git a/src/components/DsfrNavigation/DsfrNavigationMegaMenu.vue b/src/components/DsfrNavigation/DsfrNavigationMegaMenu.vue
index 64999bf9..a1b4f2d7 100644
--- a/src/components/DsfrNavigation/DsfrNavigationMegaMenu.vue
+++ b/src/components/DsfrNavigation/DsfrNavigationMegaMenu.vue
@@ -5,12 +5,13 @@ import { getRandomId } from '../../utils/random-utils'
 
 import { useCollapsable } from '../../composables'
 import DsfrNavigationMegaMenuCategory from './DsfrNavigationMegaMenuCategory.vue'
+import { RouteLocationRaw } from 'vue-router'
 
 export type DsfrNavigationMegaMenuProps = {
   id?: string
   title: string
   description?: string
-  link?: object
+  link?: { to: RouteLocationRaw, text: string }
   menus?: string[]
   expandedId?: string
 }
diff --git a/src/components/DsfrNavigation/DsfrNavigationMenuLink.vue b/src/components/DsfrNavigation/DsfrNavigationMenuLink.vue
index f052c730..5dceec13 100644
--- a/src/components/DsfrNavigation/DsfrNavigationMenuLink.vue
+++ b/src/components/DsfrNavigation/DsfrNavigationMenuLink.vue
@@ -28,7 +28,7 @@ const isExternal = computed(() => typeof props.to === 'string' && props.to.start
     v-if="isExternal"
     class="fr-nav__link"
     data-testid="nav-external-link"
-    :href="to"
+    :href="(to as string)"
     @click="$emit('toggle-id', id)"
   >
     {{ text }}
diff --git a/src/components/DsfrPagination/DsfrPagination.vue b/src/components/DsfrPagination/DsfrPagination.vue
index dbb67491..10fdc1b0 100644
--- a/src/components/DsfrPagination/DsfrPagination.vue
+++ b/src/components/DsfrPagination/DsfrPagination.vue
@@ -1,8 +1,9 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 
+type Page = { href?: string, label: string, title: string }
 const props = withDefaults(defineProps<{
-  pages: { href?: string, label: string, title: string }[]
+  pages: Page[]
   currentPage?: number
   firstPageTitle?: string
   lastPageTitle?: string
@@ -14,13 +15,12 @@ const props = withDefaults(defineProps<{
   currentPage: 0,
   firstPageTitle: 'Première page',
   lastPageTitle: 'Dernière page',
-
   nextPageTitle: 'Page suivante',
   prevPageTitle: 'Page précédente',
 
 })
 
-const emit = defineEmits<{(e: 'update:currentPage', payload: string): void}>()
+const emit = defineEmits<{(e: 'update:currentPage', payload: number): void}>()
 
 const startIndex = computed(() => {
   return Math.min(props.pages.length - 1 - props.truncLimit, Math.max(props.currentPage - (props.truncLimit - props.truncLimit % 2) / 2, 0))
@@ -32,13 +32,13 @@ const displayedPages = computed(() => {
   return props.pages.length > props.truncLimit ? props.pages.slice(startIndex.value, endIndex.value + 1) : props.pages
 })
 
-const updatePage = (index) => emit('update:currentPage', index)
-const toPage = (index) => updatePage(index)
+const updatePage = (index: number) => emit('update:currentPage', index)
+const toPage = (index: number) => updatePage(index)
 const tofirstPage = () => toPage(0)
 const toPreviousPage = () => toPage(Math.max(0, props.currentPage - 1))
 const toNextPage = () => toPage(Math.min(props.pages.length - 1, props.currentPage + 1))
 const toLastPage = () => toPage(props.pages.length - 1)
-const isCurrentPage = (page) => props.pages.indexOf(page) === props.currentPage
+const isCurrentPage = (page: Page) => props.pages.indexOf(page) === props.currentPage
 </script>
 
 <template>
diff --git a/src/components/DsfrRadioButton/DsfrRadioButtonSet.vue b/src/components/DsfrRadioButton/DsfrRadioButtonSet.vue
index 339c32d6..456af809 100644
--- a/src/components/DsfrRadioButton/DsfrRadioButtonSet.vue
+++ b/src/components/DsfrRadioButton/DsfrRadioButtonSet.vue
@@ -30,7 +30,7 @@ const emit = defineEmits<{(e: 'update:modelValue', payload: string | number): vo
 const message = computed(() => props.errorMessage || props.validMessage)
 const additionalMessageClass = computed(() => props.errorMessage ? 'fr-error-text' : 'fr-valid-text')
 
-const onChange = ($event) => {
+const onChange = ($event: string) => {
   if ($event === props.modelValue) {
     return
   }
@@ -71,6 +71,7 @@ const onChange = ($event) => {
         class="fr-fieldset__content"
         role="radiogroup"
       >
+        <!-- @vue-ignore -->
         <DsfrRadioButton
           v-for="(option, i) of options"
           :key="option.value || i"
@@ -78,7 +79,7 @@ const onChange = ($event) => {
           v-bind="option"
           :small="small"
           :model-value="modelValue"
-          @update:model-value="onChange"
+          @update:model-value="onChange($event as string)"
         />
       </div>
       <div
diff --git a/src/components/DsfrSelect/DsfrSelect.vue b/src/components/DsfrSelect/DsfrSelect.vue
index 86ecad19..aef21f15 100644
--- a/src/components/DsfrSelect/DsfrSelect.vue
+++ b/src/components/DsfrSelect/DsfrSelect.vue
@@ -68,7 +68,7 @@ const messageType = computed(() => {
       :name="selectId"
       :disabled="disabled"
       :required="required"
-      @change="$emit('update:modelValue', $event.target.value)"
+      @change="$emit('update:modelValue',($event.target as HTMLInputElement)?.value)"
     >
       <option
         value=""
diff --git a/src/components/DsfrShare/DsfrShare.vue b/src/components/DsfrShare/DsfrShare.vue
index 9e80471b..632205be 100644
--- a/src/components/DsfrShare/DsfrShare.vue
+++ b/src/components/DsfrShare/DsfrShare.vue
@@ -1,12 +1,13 @@
 <script lang="ts" setup>
 withDefaults(defineProps<{
   title?: string
-  copyLabel: string
-  mail: { label: string, to: string }
-  networks: { name: string, label: string, url: string }[]
+  copyLabel?: string
+  mail?: { label: string, to: string }
+  networks?: { name: string, label: string, url: string }[]
 }>(), {
   title: 'Partager la page',
   copyLabel: 'Copier dans le presse-papier',
+  // @ts-ignore this is really undefined
   mail: () => undefined,
   networks: () => [],
 })
@@ -15,7 +16,7 @@ const copyLocationToClipboard = () => {
   const url = window.location.href
   navigator.clipboard.writeText(url)
 }
-const openWindow = ({ url, label }) => {
+const openWindow = ({ url, label }: { url: string, label: string }) => {
   window.open(
     url,
     label,
@@ -45,7 +46,7 @@ const openWindow = ({ url, label }) => {
           {{ network.label }}
         </a>
       </li>
-      <li v-if="mail">
+      <li v-if="mail?.to">
         <a
           class="fr-btn fr-btn--mail"
           :href="mail.to"
diff --git a/src/components/DsfrSideMenu/DsfrSideMenu.vue b/src/components/DsfrSideMenu/DsfrSideMenu.vue
index 32377f55..7c71743f 100644
--- a/src/components/DsfrSideMenu/DsfrSideMenu.vue
+++ b/src/components/DsfrSideMenu/DsfrSideMenu.vue
@@ -19,6 +19,7 @@ withDefaults(defineProps<DsfrSideMenuProps>(), {
   buttonLabel: 'Dans cette rubrique',
   id: () => getRandomId('sidemenu'),
   collapseValue: '-492px',
+  // @ts-ignore this is really undefined
   menuItems: () => undefined,
   headingTitle: '',
 })
diff --git a/src/components/DsfrSideMenu/DsfrSideMenuList.vue b/src/components/DsfrSideMenu/DsfrSideMenuList.vue
index 501efe63..dfcf136b 100644
--- a/src/components/DsfrSideMenu/DsfrSideMenuList.vue
+++ b/src/components/DsfrSideMenu/DsfrSideMenuList.vue
@@ -5,13 +5,19 @@ import { useCollapsable } from '../../composables'
 
 import DsfrSideMenuListItem, { DsfrSideMenuListItemProps } from './DsfrSideMenuListItem.vue'
 import DsfrSideMenuButton from './DsfrSideMenuButton.vue'
+import { RouteLocationRaw } from 'vue-router'
 
-const props = withDefaults(defineProps<{
+export type DsfrSideMenuListProps = {
   id: string
   collapsable?: boolean
   expanded?: boolean
-  menuItems?: DsfrSideMenuListItemProps[]
-}>(), {
+  menuItems?:(
+    DsfrSideMenuListItemProps & Partial<DsfrSideMenuListProps & {to?: RouteLocationRaw, text?: string}>
+      & { menuItems?: (DsfrSideMenuListItemProps & Partial<DsfrSideMenuListProps & {to?: RouteLocationRaw, text?: string}>)[] }
+  )[]
+}
+
+const props = withDefaults(defineProps<DsfrSideMenuListProps>(), {
   menuItems: () => [],
 })
 
@@ -37,13 +43,13 @@ onMounted(() => {
   }
 })
 
-const isExternalLink = (to) => {
+const isExternalLink = (to: string | RouteLocationRaw | undefined) => {
   return typeof to === 'string' && to.startsWith('http')
 }
-const is = (to) => {
+const is = (to: string | RouteLocationRaw | undefined) => {
   return isExternalLink(to) ? 'a' : 'RouterLink'
 }
-const linkProps = (to) => {
+const linkProps = (to: string | RouteLocationRaw | undefined) => {
   return { [isExternalLink(to) ? 'href' : 'to']: to }
 }
 </script>
@@ -57,7 +63,7 @@ const linkProps = (to) => {
       'fr-collapsing': collapsing,
       'fr-collapse--expanded': cssExpanded
     }"
-    @transitionend="onTransitionEnd(expanded)"
+    @transitionend="onTransitionEnd(!!expanded)"
   >
     <ul
       class="fr-sidemenu__list"
@@ -84,14 +90,14 @@ const linkProps = (to) => {
           <DsfrSideMenuButton
             :active="!!menuItem.active"
             :expanded="!!menuItem.expanded"
-            :control-id="menuItem.id"
+            :control-id="(menuItem.id as string)"
             @toggle-expand="$emit('toggle-expand', $event)"
           >
             {{ menuItem.text }}
           </DsfrSideMenuButton>
           <DsfrSideMenuList
             v-if="menuItem.menuItems"
-            :id="menuItem.id"
+            :id="(menuItem.id as string)"
             collapsable
             :expanded="menuItem.expanded"
             :menu-items="menuItem.menuItems"
diff --git a/src/components/DsfrSkipLinks/DsfrSkipLinks.vue b/src/components/DsfrSkipLinks/DsfrSkipLinks.vue
index 104cce46..18a6b6b2 100644
--- a/src/components/DsfrSkipLinks/DsfrSkipLinks.vue
+++ b/src/components/DsfrSkipLinks/DsfrSkipLinks.vue
@@ -3,10 +3,10 @@ defineProps<{
   links: { id: string, text: string }[]
 }>()
 
-const scrollMeTo = (elementId) => {
+const scrollMeTo = (elementId: string) => {
   const element = document.getElementById(elementId)
   const top = element?.offsetTop
-  window.scrollTo(0, top)
+  window.scrollTo(0, top || 0)
 }
 </script>
 
diff --git a/src/components/DsfrStepper/DsfrStepper.vue b/src/components/DsfrStepper/DsfrStepper.vue
index 9da8b36b..4d33ce08 100644
--- a/src/components/DsfrStepper/DsfrStepper.vue
+++ b/src/components/DsfrStepper/DsfrStepper.vue
@@ -3,7 +3,7 @@ withDefaults(defineProps<{
   steps: string[]
   currentStep: number
 }>(), {
-  steps: () => undefined,
+  steps: () => [],
   currentStep: 1,
 })
 </script>
diff --git a/src/components/DsfrTable/DsfrTable.vue b/src/components/DsfrTable/DsfrTable.vue
index 7c644b1e..8d1b8db1 100644
--- a/src/components/DsfrTable/DsfrTable.vue
+++ b/src/components/DsfrTable/DsfrTable.vue
@@ -38,6 +38,7 @@ withDefaults(defineProps<{
         <!-- @slot Slot par défaut pour le corps du tableau. Sera dans `<tbody>` -->
         <slot />
         <template v-if="rows && rows.length">
+          <!-- @vue-ignore -->
           <DsfrTableRow
             v-for="(row, i) of rows"
             :key="i"
diff --git a/src/components/DsfrTable/DsfrTableCell.vue b/src/components/DsfrTable/DsfrTableCell.vue
index 198981ba..43c3da7f 100644
--- a/src/components/DsfrTable/DsfrTableCell.vue
+++ b/src/components/DsfrTable/DsfrTableCell.vue
@@ -26,10 +26,10 @@ const isString = computed(() => {
       v-if="component"
       v-bind="field"
     >
-      {{ field.text }}
+      {{ (field as Record<string, any>).text }}
     </component>
     <template v-else>
-      {{ isString ? field : field.text }}
+      {{ isString ? field : (field as Record<string, any>).text }}
     </template>
   </td>
 </template>
diff --git a/src/components/DsfrTable/DsfrTableHeader.vue b/src/components/DsfrTable/DsfrTableHeader.vue
index a9d3bcd8..a3671e03 100644
--- a/src/components/DsfrTable/DsfrTableHeader.vue
+++ b/src/components/DsfrTable/DsfrTableHeader.vue
@@ -4,7 +4,7 @@ import { type CustomizeIconType, OhVueIcon as VIcon } from 'oh-vue-icons'
 
 export type DsfrTableHeaderProps = {
   header?: string
-  headerAttrs?: ThHTMLAttributes
+  headerAttrs?: ThHTMLAttributes & { onClick?: (e: MouseEvent) => void }
   icon?: CustomizeIconType
 }
 
diff --git a/src/components/DsfrTable/DsfrTableHeaders.vue b/src/components/DsfrTable/DsfrTableHeaders.vue
index edfca6eb..59f2ec9d 100644
--- a/src/components/DsfrTable/DsfrTableHeaders.vue
+++ b/src/components/DsfrTable/DsfrTableHeaders.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import DsfrTableHeader, { DsfrTableHeaderProps } from './DsfrTableHeader.vue'
 
+type Header = DsfrTableHeaderProps & { text?: string }
+
 defineProps<{
   headers:(DsfrTableHeaderProps | string)[]
 }>()
@@ -13,8 +15,8 @@ defineProps<{
     <DsfrTableHeader
       v-for="(header, i) of headers"
       :key="i"
-      :header="header.text || header"
-      :header-attrs="header.headerAttrs"
+      :header="(header as Header).text || (header as string)"
+      :header-attrs="(header as DsfrTableHeaderProps).headerAttrs"
     />
   </tr>
 </template>
diff --git a/src/components/DsfrTable/DsfrTableRow.vue b/src/components/DsfrTable/DsfrTableRow.vue
index fcc6ebf9..bc256504 100644
--- a/src/components/DsfrTable/DsfrTableRow.vue
+++ b/src/components/DsfrTable/DsfrTableRow.vue
@@ -3,7 +3,7 @@ import { type HTMLAttributes } from 'vue'
 import DsfrTableCell from './DsfrTableCell.vue'
 
 export type DsfrTableRowProps = {
-  rowData?: string[]
+  rowData?: Record<string, any>[]
   rowAttrs?: HTMLAttributes
 }
 
diff --git a/src/components/DsfrTabs/DsfrTabContent.vue b/src/components/DsfrTabs/DsfrTabContent.vue
index dfa9bbd2..de3b3045 100644
--- a/src/components/DsfrTabs/DsfrTabContent.vue
+++ b/src/components/DsfrTabs/DsfrTabContent.vue
@@ -9,7 +9,9 @@ const props = defineProps<{
 }>()
 
 const values = { true: '100%', false: '-100%' }
+// @ts-ignore this will be fine
 const translateValueFrom = computed(() => values[String(props.asc)])
+// @ts-ignore this will be fine
 const translateValueTo = computed(() => values[String(!props.asc)])
 </script>
 
diff --git a/src/components/DsfrTabs/DsfrTabItem.vue b/src/components/DsfrTabs/DsfrTabItem.vue
index c90be8bc..d3fafb0f 100644
--- a/src/components/DsfrTabs/DsfrTabItem.vue
+++ b/src/components/DsfrTabs/DsfrTabItem.vue
@@ -1,12 +1,14 @@
 <script lang="ts" setup>
-import { ref, watch } from 'vue'
+import { ref, watch, type Ref } from 'vue'
 
-const props = withDefaults(defineProps<{
+export type DsfrTabItemProps = {
   panelId: string
   tabId: string
   selected?: boolean
   icon?: string
-}>(), {
+}
+
+const props = withDefaults(defineProps<DsfrTabItemProps>(), {
   icon: undefined,
 })
 
@@ -19,11 +21,11 @@ defineEmits<{
   (e: 'last', payload: string): void,
 }>()
 
-const button = ref(null)
+const button: Ref<HTMLButtonElement | null> = ref(null)
 
 watch(() => props.selected, (newValue) => {
   if (newValue) {
-    button.value.focus()
+    button.value?.focus()
   }
 })
 </script>
diff --git a/src/components/DsfrTabs/DsfrTabs.vue b/src/components/DsfrTabs/DsfrTabs.vue
index 0d43d0e8..d361ffaf 100644
--- a/src/components/DsfrTabs/DsfrTabs.vue
+++ b/src/components/DsfrTabs/DsfrTabs.vue
@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import { ref, onMounted, onUnmounted, reactive } from 'vue'
+import { ref, onMounted, onUnmounted, reactive, type Ref } from 'vue'
 
 import { getRandomId } from '../../utils/random-utils'
 
-import DsfrTabItem from './DsfrTabItem.vue'
+import DsfrTabItem, { DsfrTabItemProps } from './DsfrTabItem.vue'
 import DsfrTabContent from './DsfrTabContent.vue'
 
 const props = withDefaults(defineProps<{
   tabListName: string
-  tabTitles: string[]
+  tabTitles:(DsfrTabItemProps & { title: string })[]
   tabContents?: string[]
   initialSelectedIndex?: number
 }>(), {
@@ -19,11 +19,11 @@ const props = withDefaults(defineProps<{
 const emit = defineEmits<{(e: 'select-tab', payload: number): void}>()
 
 const selectedIndex = ref(props.initialSelectedIndex || 0)
-const generatedIds = reactive({})
+const generatedIds: Record<string, string> = reactive({})
 const asc = ref(true)
-const resizeObserver = ref(null)
-const $el = ref(null)
-const tablist = ref(null)
+const resizeObserver: Ref<ResizeObserver | null> = ref(null)
+const $el: Ref<HTMLElement | null> = ref(null)
+const tablist: Ref<HTMLUListElement | null> = ref(null)
 
 onMounted(() => {
   /*
@@ -51,7 +51,7 @@ onUnmounted(() => {
   })
 })
 
-const isSelected = (idx) => {
+const isSelected = (idx: number) => {
   return selectedIndex.value === idx
 }
 
@@ -68,16 +68,16 @@ const renderTabs = () => {
   }
   const tablistHeight = tablist.value.offsetHeight
   // Need to manually select tabs-content in case of manual slot filling
-  const selectedTab = $el.value.querySelectorAll('.fr-tabs__panel')[selectedIndex.value]
-  if (!selectedTab || !selectedTab.offsetHeight) {
+  const selectedTab = $el.value?.querySelectorAll('.fr-tabs__panel')[selectedIndex.value]
+  if (!selectedTab || !(selectedTab as HTMLElement).offsetHeight) {
     return
   }
-  const selectedTabHeight = selectedTab.offsetHeight
+  const selectedTabHeight = (selectedTab as HTMLElement).offsetHeight
 
-  $el.value.style.setProperty('--tabs-height', (tablistHeight + selectedTabHeight) + 'px')
+  $el.value?.style.setProperty('--tabs-height', (tablistHeight + selectedTabHeight) + 'px')
 }
 
-const getIdFromIndex = (idx) => {
+const getIdFromIndex = (idx: number) => {
   if (generatedIds[idx]) {
     return generatedIds[idx]
   }
diff --git a/src/components/DsfrTile/DsfrTile.vue b/src/components/DsfrTile/DsfrTile.vue
index e5430e04..51773ad5 100644
--- a/src/components/DsfrTile/DsfrTile.vue
+++ b/src/components/DsfrTile/DsfrTile.vue
@@ -42,7 +42,7 @@ const isExternalLink = computed(() => {
           v-if="isExternalLink"
           class="fr-tile__link"
           target="_blank"
-          :href="disabled ? '' : to"
+          :href="disabled ? '' : (to as string)"
         >{{ title }}</a>
         <RouterLink
           v-if="!isExternalLink"
diff --git a/src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue b/src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue
index bc7c692b..34e27b21 100644
--- a/src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue
+++ b/src/components/DsfrToggleSwitch/DsfrToggleSwitch.vue
@@ -32,7 +32,7 @@ const labelId = computed(() => {
       :data-testid="inputId"
       class="fr-toggle__input"
       :aria-describedby="labelId"
-      @input="$emit('update:modelValue', $event.target.checked)"
+      @input="$emit('update:modelValue', ($event.target as HTMLInputElement).checked)"
     >
     <label
       :id="labelId"