[CORRECTION] Applique le formatage "Prettier"

Author: ThibaudMZN

.github/workflows/svelte.yml

@@ -38,4 +38,4 @@ jobs:
         run: npm run build
 
       - name: Construire le storybook
-        run: npm run story:build
+        run: npm run story:build

README.md

@@ -1 +1 @@
-# UI Kit du Lab. ANSSI
+# UI Kit du Lab. ANSSI

histoire.config.ts

@@ -1,20 +1,18 @@
-import { defineConfig } from 'histoire'
-import { HstSvelte } from '@histoire/plugin-svelte'
+import { defineConfig } from 'histoire';
+import { HstSvelte } from '@histoire/plugin-svelte';
 import { defaultColors } from 'histoire';
 
 export default defineConfig({
 	outDir: 'dist-histoire',
-	plugins: [
-		HstSvelte(),
-	],
+	plugins: [HstSvelte()],
 	setupFile: '/stories/histoire.setup.ts',
 	theme: {
-		title: "Lab. ANSSI - UI Kit",
+		title: 'Lab. ANSSI - UI Kit',
 		favicon: 'favicon.ico',
 		logo: {
 			square: '/static/ANSSI-sombre.svg',
 			light: '/static/ANSSI.svg',
-			dark: '/static/ANSSI-sombre.svg',
+			dark: '/static/ANSSI-sombre.svg'
 		},
 		colors: {
 			primary: {
@@ -27,9 +25,9 @@ export default defineConfig({
 				600: '#4f44e3',
 				700: '#463dca',
 				800: '#3e35b0',
-				900: '#352e97',
-			},
+				900: '#352e97'
+			}
 		},
-		logoHref: 'https://acme.com',
+		logoHref: 'https://acme.com'
 	}
-})
+});

src/global.scss

@@ -1,4 +1,4 @@
 // Couleurs
 $text-mention-grey: #666666;
-$background-default-grey-active: #EDEDED;
-$border-default-grey: #DDDDDD;
+$background-default-grey-active: #ededed;
+$border-default-grey: #dddddd;

src/lib/NavigationPiedDePage.svelte

@@ -18,8 +18,8 @@
 	<a href="/securite">Sécurité</a>
 	<div class="separateur"></div>
 	<a href="/accessibilite"
-			>Accessiblité: {conformiteAccessibilite === 'conforme' ? 'conforme' : 'non conforme'}</a
-		>
+		>Accessiblité: {conformiteAccessibilite === 'conforme' ? 'conforme' : 'non conforme'}</a
+	>
 </div>
 
 <style lang="scss">
@@ -37,8 +37,8 @@
 		border-top: 1px solid $border-default-grey;
 
 		@include a-partir-de(desktop) {
-      margin: 0 24px;
-      column-gap: 16px;
+			margin: 0 24px;
+			column-gap: 16px;
 		}
 
 		a {
@@ -57,8 +57,8 @@
 			}
 
 			&:active {
-        background: #ededed;
-      }
+				background: #ededed;
+			}
 		}
 	}
 

src/lib/index.ts

@@ -1,2 +1 @@
 export { default as NavigationPiedDePage } from './NavigationPiedDePage.svelte';
-

src/responsive.scss

@@ -1,19 +1,19 @@
-@use "sass:map";
-@use "sass:meta";
+@use 'sass:map';
+@use 'sass:meta';
 
 $points-de-rupture-a-partir-de: (
-        desktop: ( min-width: 932px )
+	desktop: (
+		min-width: 932px
+	)
 ) !default;
 
 @mixin a-partir-de($point-de-rupture) {
-  @if map.has-key($points-de-rupture-a-partir-de, $point-de-rupture) {
-    @media #{meta.inspect(map.get($points-de-rupture-a-partir-de, $point-de-rupture))} {
-      @content;
-    }
-  }
-
-  @else {
-    @warn "Un point de rupture inconnu (`#{$point-de-rupture}`) a été utilisé. "
+	@if map.has-key($points-de-rupture-a-partir-de, $point-de-rupture) {
+		@media #{meta.inspect(map.get($points-de-rupture-a-partir-de, $point-de-rupture))} {
+			@content;
+		}
+	} @else {
+		@warn "Un point de rupture inconnu (`#{$point-de-rupture}`) a été utilisé. "
         + "Les points de rupture disponibles sont: #{map-keys($points-de-rupture-a-partir-de)}.";
-  }
-}
+	}
+}

stories/NavigationPiedDePage.story.md

@@ -1,14 +1,19 @@
 ### Svelte
+
 ```svelte
 <NavigationPiedDePage conformiteAccessibilite="conforme" />
 ```
 
 ### HTML
+
 ```html
-<lab-anssi-navigation-pied-de-page conformiteAccessibilite="conforme"></lab-anssi-navigation-pied-de-page>
+<lab-anssi-navigation-pied-de-page
+	conformiteAccessibilite="conforme"
+></lab-anssi-navigation-pied-de-page>
 ```
 
 ### Propriétés
+
 ```typescript
 type conformiteAccessibilite = 'conforme' | 'nonConforme';
-```
+```

stories/NavigationPiedDePage.story.svelte

@@ -2,7 +2,7 @@
 	import type { Hst } from '@histoire/plugin-svelte';
 	import NavigationPiedDePage from '$lib/NavigationPiedDePage.svelte';
 
-	export let Hst: Hst
+	export let Hst: Hst;
 
 	let conformiteAccessibilite = 'nonConforme';
 	const source = `<NavigationPiedDePage {conformiteAccessibilite} />`;
@@ -15,7 +15,7 @@
 		<Hst.Select
 			bind:value={conformiteAccessibilite}
 			title="Conformité d'accessibilité"
-			options={{conforme: 'Conforme', nonConforme: 'Non conforme'}}
+			options={{ conforme: 'Conforme', nonConforme: 'Non conforme' }}
 		/>
 	</svelte:fragment>
 </Hst.Story>

stories/histoire.setup.ts

@@ -1 +1 @@
-import './styles.histoire.css'
+import './styles.histoire.css';