refactor: ♻️ formatage

- Améliorer la qualité du code et la conformité aux standards
- Corriger les erreurs de linting et de formatage
- Uniformiser le style de code à travers le projet

- Corrections de formatage dans 88 fichiers
- Mise à jour des configurations ESLint et Vite
- Refactoring mineur des composants Vue
- Corrections de types TypeScript
- Mise à jour des fichiers de démonstration et de tests

Author: laruiss

.storybook/preview.ts

@@ -1,8 +1,9 @@
+import type { Preview } from '@storybook/vue3'
+
 import { themes } from '@storybook/theming'
 import { setup } from '@storybook/vue3'
 import { FocusTrap } from 'focus-trap-vue'
 import { defineComponent } from 'vue'
-import type { Preview } from '@storybook/vue3'
 
 import VIcon from '../src/components/VIcon/VIcon.vue'
 

.vitepress/plugins/hmrFix.ts

@@ -1,7 +1,8 @@
+import type { Plugin } from 'vitepress'
+
 import { fileURLToPath } from 'node:url'
 
 import fullReload from 'vite-plugin-full-reload'
-import type { Plugin } from 'vitepress'
 
 const styles = fileURLToPath(
   new URL('../../src/styles/index.css', import.meta.url),

.vitepress/theme/Story.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import type { UseSchemeResult } from '../../src/index'
+
 import { useData } from 'vitepress'
 import { onMounted, onUnmounted, ref, watchEffect } from 'vue'
 
-import type { UseSchemeResult } from '../../src/index'
 import { useScheme } from '../../src/index'
 
 withDefaults(defineProps<{

.vitepress/theme/index.ts

@@ -1,6 +1,7 @@
+import type { Theme } from 'vitepress'
+
 import DefaultTheme from 'vitepress/theme'
 import { RouterLink } from 'vue-router'
-import type { Theme } from 'vitepress'
 
 import VIcon from '../../src/components/VIcon/VIcon.vue'
 

demo-app/App.vue

@@ -1,15 +1,16 @@
 <script setup lang="ts">
+import type { DsfrHeaderProps } from '../src/components/DsfrHeader/DsfrHeader.vue'
+import type { DsfrNavigationProps } from '../src/components/DsfrNavigation/DsfrNavigation.vue'
+import type { DsfrSkipLinksProps } from '../src/components/DsfrSkipLinks/DsfrSkipLinks.vue'
+
 import { computed, ref, useId } from 'vue'
 import { useRoute } from 'vue-router'
 
 import DsfrBreadcrumb from '../src/components/DsfrBreadcrumb/DsfrBreadcrumb.vue'
 import DsfrFooter from '../src/components/DsfrFooter/DsfrFooter.vue'
-import type { DsfrHeaderProps } from '../src/components/DsfrHeader/DsfrHeader.vue'
 import DsfrHeader from '../src/components/DsfrHeader/DsfrHeader.vue'
 import DsfrModal from '../src/components/DsfrModal/DsfrModal.vue'
-import type { DsfrNavigationProps } from '../src/components/DsfrNavigation/DsfrNavigation.vue'
 import DsfrNavigation from '../src/components/DsfrNavigation/DsfrNavigation.vue'
-import type { DsfrSkipLinksProps } from '../src/components/DsfrSkipLinks/DsfrSkipLinks.vue'
 import DsfrSkipLinks from '../src/components/DsfrSkipLinks/DsfrSkipLinks.vue'
 
 import AppToaster from './components/AppToaster.vue'

demo-app/components/AsyncButton.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { DsfrButtonProps } from '../../src/components/DsfrButton/DsfrButton.vue'
+
 import DsfrButton from '../../src/components/DsfrButton/DsfrButton.vue'
 
 defineProps<DsfrButtonProps & { isLoading: boolean }>()

demo-app/views/AppForm.vue

@@ -1,13 +1,14 @@
 <script setup lang="ts">
+import type { DsfrCheckboxSetProps } from '@/components/DsfrCheckbox/DsfrCheckbox.types'
+
 import { ref } from 'vue'
 
 import DsfrAlert from '@/components/DsfrAlert/DsfrAlert.vue'
 import DsfrButton from '@/components/DsfrButton/DsfrButton.vue'
 import DsfrCheckboxSet from '@/components/DsfrCheckbox/DsfrCheckboxSet.vue'
-import DsfrSelect from '@/components/DsfrSelect/DsfrSelect.vue'
 import DsfrFileUpload from '@/components/DsfrFileUpload/DsfrFileUpload.vue'
 import DsfrRadioButtonSet from '@/components/DsfrRadioButton/DsfrRadioButtonSet.vue'
-import type { DsfrCheckboxSetProps } from '@/components/DsfrCheckbox/DsfrCheckbox.types'
+import DsfrSelect from '@/components/DsfrSelect/DsfrSelect.vue'
 
 const inputValue = ref('')
 const showAlert = ref(true)

demo-app/views/AppTags.vue

@@ -1,9 +1,10 @@
 <script lang="ts" setup>
+import type { DsfrTagProps } from '../../src/components/DsfrTag/DsfrTags.types'
+
 import { ref } from 'vue'
 
 import DsfrTag from '../../src/components/DsfrTag/DsfrTag.vue'
 import DsfrTags from '../../src/components/DsfrTag/DsfrTags.vue'
-import type { DsfrTagProps } from '../../src/components/DsfrTag/DsfrTags.types'
 
 const tags = [
   {

demo-app/views/SimpleModal.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
+import type { Preferences, UseSchemeResult } from '@/composables/index'
+
 import darkThemeSvg from '@gouvfr/dsfr/dist/artwork/pictograms/environment/moon.svg'
 import lightThemeSvg from '@gouvfr/dsfr/dist/artwork/pictograms/environment/sun.svg'
 import systemThemeSvg from '@gouvfr/dsfr/dist/artwork/pictograms/system/system.svg'
 import { onMounted, reactive, ref, watchEffect } from 'vue'
 
-import { useScheme } from '@/composables/index'
 import DsfrModal from '@/components/DsfrModal/DsfrModal.vue'
-import type { Preferences, UseSchemeResult } from '@/composables/index'
+import { useScheme } from '@/composables/index'
 
 const isModalOpen = ref(false)
 const isThemeModalOpen = ref(false)

docs/docs-demo/DsfrCheckboxSetV7Demo.vue

@@ -1,8 +1,9 @@
 <script lang="ts" setup>
+import type { DsfrCheckboxSetProps } from '@/components/DsfrCheckbox/DsfrCheckbox.types'
+
 import { ref } from 'vue'
 
 import DsfrCheckboxSet from '@/components/DsfrCheckbox/DsfrCheckboxSet.vue'
-import type { DsfrCheckboxSetProps } from '@/components/DsfrCheckbox/DsfrCheckbox.types'
 
 const selectedCheckboxes = ref([])
 const cbLegend = 'Légende des cases à cocher'