chore: 🚨 fix new rules

Author: laruiss

src/components/DsfrTable/DsfrTable.spec.ts

@@ -1,4 +1,4 @@
-import {fireEvent, render, waitFor} from '@testing-library/vue'
+import { fireEvent, render, waitFor } from '@testing-library/vue'
 
 import DsfrTag from '../DsfrTag/DsfrTag.vue'
 
@@ -105,12 +105,12 @@ describe('DsfrTable', () => {
     const title = 'Utilisateurs'
 
     const headers = ['Nom', 'Prénom']
-    const rows = generateRowsWithTwoColumns(5);
+    const rows = generateRowsWithTwoColumns(5)
     const props = {
       title,
       headers,
       rows,
-      pagination: true
+      pagination: true,
     }
 
     const component = render(DsfrTable, {
@@ -124,7 +124,7 @@ describe('DsfrTable', () => {
     })
 
     // When
-    const newRows = generateRowsWithTwoColumns(25);
+    const newRows = generateRowsWithTwoColumns(25)
 
     component.rerender({
       ...props,
@@ -142,12 +142,12 @@ describe('DsfrTable', () => {
     const title = 'Utilisateurs'
 
     const headers = ['Nom', 'Prénom']
-    const rows = generateRowsWithTwoColumns(50);
+    const rows = generateRowsWithTwoColumns(50)
     const props = {
       title,
       headers,
       rows,
-      pagination: true
+      pagination: true,
     }
 
     const component = render(DsfrTable, {
@@ -170,7 +170,7 @@ describe('DsfrTable', () => {
     })
   })
 
-  function generateRowsWithTwoColumns(numberOfRows: number): string[][] {
+  function generateRowsWithTwoColumns (numberOfRows: number): string[][] {
     const rows: string[][] = []
 
     for (let i = 0; i < numberOfRows; i++) {

src/components/DsfrTable/DsfrTable.stories.ts

@@ -279,18 +279,18 @@ export const TableauEntier = (args) => ({
       rows: args.rows.map((rowData) =>
         Array.isArray(rowData)
           ? rowData.map((field) =>
-            field.cellAttrs?.onClick
-              ? {
-                  ...field,
-                  cellAttrs: {
-                    ...field.cellAttrs,
-                    onClick () {
-                      args.onClickCell(field)
+              field.cellAttrs?.onClick
+                ? {
+                    ...field,
+                    cellAttrs: {
+                      ...field.cellAttrs,
+                      onClick () {
+                        args.onClickCell(field)
+                      },
                     },
-                  },
-                }
-              : field,
-          )
+                  }
+                : field,
+            )
           : {
               ...rowData,
               rowAttrs: {

src/components/DsfrTable/DsfrTable.vue

@@ -1,10 +1,9 @@
 <script lang="ts" setup>
-import { computed, ref, watch } from 'vue'
+import { computed, ref } from 'vue'
 
 import DsfrTableHeaders from './DsfrTableHeaders.vue'
 import DsfrTableRow, { type DsfrTableRowProps } from './DsfrTableRow.vue'
 import type { DsfrTableProps } from './DsfrTable.types'
-import {getRandomId} from "@/utils/random-utils";
 
 import { getRandomId } from '@/utils/random-utils'
 
@@ -26,12 +25,12 @@ const getRowData = (row: DsfrTableProps['rows']) => {
 }
 
 const currentPage = ref(props.currentPage)
-const selectId = getRandomId()
+const selectId = getRandomId('resultPerPage')
 const optionSelected = ref(props.resultsDisplayed)
 const pageCount = computed(() =>
   props.rows.length > optionSelected.value
     ? Math.ceil(props.rows.length / optionSelected.value)
-    : 1
+    : 1,
 )
 const paginationOptions = [5, 10, 25, 50, 100]
 const returnLowestLimit = () => currentPage.value * optionSelected.value - optionSelected.value
@@ -65,8 +64,6 @@ const goLastPage = () => {
   currentPage.value = pageCount.value
   emit('update:currentPage')
 }
-
-const selectId = getRandomId('resultPerPage')
 </script>
 
 <template>
@@ -124,11 +121,14 @@ const selectId = getRandomId('resultPerPage')
                   </option>
                 </select>
               </div>
-              <div class="flex ml-1"
-                   aria-live="polite"
-                   aria-atomic="true"
+              <div
+                class="flex ml-1"
+                aria-live="polite"
+                aria-atomic="true"
               >
-                <p class="self-center fr-m-0">Page {{ currentPage }} sur {{ pageCount }}</p>
+                <p class="self-center fr-m-0">
+                  Page {{ currentPage }} sur {{ pageCount }}
+                </p>
               </div>
               <div class="flex ml-1">
                 <button