fix(format): eslint --fix

front/src/App.vue

@@ -105,7 +105,10 @@ store.dispatch('auth/fetchUser')
       </transition>
     </RouterView>
   </div>
-  <AudioPlayer class="funkwhale" v-bind="color({}, ['default', 'solid'])()" />
+  <AudioPlayer
+    class="funkwhale"
+    v-bind="color({}, ['default', 'solid'])()"
+  />
   <ServiceMessages />
   <LanguagesModal />
   <ShortcutsModal />

front/src/components/Queue.vue

@@ -296,7 +296,10 @@ if (!isWebGLSupported) {
             </template>
           </h2>
           <span>
-            <Layout flex gap-8>
+            <Layout
+              flex
+              gap-8
+            >
               <template
                 v-for="ac in currentTrack.artistCredit"
                 :key="ac.artist.id"

front/src/components/library/Artists.vue

@@ -135,7 +135,8 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
     stack
     main
   >
-    <Header :h1="t('components.library.Artists.header.browse')"
+    <Header
+      :h1="t('components.library.Artists.header.browse')"
       page-heading
     />
     <Layout

front/src/components/library/FileUpload.vue

@@ -491,7 +491,7 @@ const isServerDisclosureOpen = ref(false)
 
     <!-- Retry row -->
     <template v-if="retryableFiles.length > 1">
-      <b> </b>
+      <b />
       <b />
       <b />
       <b>

front/src/components/manage/ChannelsTable.vue

@@ -100,10 +100,10 @@ const labels = computed(() => ({
           <Input
             id="channel-search"
             ref="search"
+            v-model="query"
             name="search"
             search
             :label="t('components.manage.ChannelsTable.label.search')"
-            v-model="query"
             :placeholder="labels.searchPlaceholder"
           />
         </form>

front/src/components/manage/library/AlbumsTable.vue

@@ -112,10 +112,10 @@ const labels = computed(() => ({
           <Input
             id="albums-search"
             ref="search"
+            v-model="query"
             name="search"
             search
             :label="t('components.manage.library.AlbumsTable.label.search')"
-            v-model="query"
             :placeholder="labels.searchPlaceholder"
           />
         </form>

front/src/components/manage/library/ArtistsTable.vue

@@ -116,10 +116,10 @@ const getUrl = (artist: { channel?: number; id: number }) => {
           <Input
             id="artists-search"
             ref="search"
+            v-model="query"
             name="search"
             search
             :label="t('components.manage.library.ArtistsTable.label.search')"
-            v-model="query"
             :placeholder="labels.searchPlaceholder"
           />
         </form>

front/src/components/manage/library/EditsCardList.vue

@@ -171,11 +171,11 @@ const getCurrentState = (target?: StateTarget): ReviewState => {
       <div class="ui field">
         <form @submit.prevent="query = search.value">
           <Input
-            search
             id="search-edits"
             ref="search"
-            name="search"
             v-model="query"
+            search
+            name="search"
             :label="t('components.manage.library.EditsCardList.label.search')"
             autofocus
             :placeholder="labels.searchPlaceholder"
@@ -266,9 +266,9 @@ const getCurrentState = (target?: StateTarget): ReviewState => {
     @refresh="fetchData()"
   />
   <Pagination
-  v-if="result && result.count > paginateBy"
+    v-if="result && result.count > paginateBy"
-  v-model:page="page"
+    v-model:page="page"
-  :pages="Math.ceil(result.count / paginateBy)"
+    :pages="Math.ceil(result.count / paginateBy)"
   />
 
   <span v-if="result && result.results.length > 0">

front/src/components/manage/library/LibrariesTable.vue

@@ -115,10 +115,10 @@ const getPrivacyLevelChoice = (privacyLevel: PrivacyLevel) => {
           <Input
             id="libraries-search"
             ref="search"
+            v-model="query"
             name="search"
             search
             :label="t('components.manage.library.LibrariesTable.label.search')"
-            v-model="query"
             :placeholder="labels.searchPlaceholder"
           />
         </form>

front/src/components/manage/library/TagsTable.vue

@@ -117,10 +117,10 @@ const showUploadDetailModal = ref(false)
           <Input
             id="tags-search"
             ref="search"
+            v-model="query"
             name="search"
             search
             :label="t('components.manage.library.TagsTable.label.search')"
-            v-model="query"
             :placeholder="labels.searchPlaceholder"
           />
         </form>
@@ -216,13 +216,13 @@ const showUploadDetailModal = ref(false)
       </td>
     </template>
   </action-table>
-    <Pagination
+  <Pagination
-      v-if="result && result.count > paginateBy"
+    v-if="result && result.count > paginateBy"
-      v-model:page="page"
+    v-model:page="page"
-      :pages="Math.ceil(result.count / paginateBy)"
+    :pages="Math.ceil(result.count / paginateBy)"
-    />
+  />
 
-    <span v-if="result && result.results.length > 0">
+  <span v-if="result && result.results.length > 0">
-      {{ t('components.manage.library.TagsTable.pagination.results', {start: ((page-1) * paginateBy) + 1, end: ((page-1) * paginateBy) + result.results.length, total: result.count}) }}
+    {{ t('components.manage.library.TagsTable.pagination.results', {start: ((page-1) * paginateBy) + 1, end: ((page-1) * paginateBy) + result.results.length, total: result.count}) }}
-    </span>
+  </span>
 </template>

front/src/components/manage/library/TracksTable.vue

@@ -109,10 +109,10 @@ const labels = computed(() => ({
           <Input
             id="tracks-search"
             ref="search"
+            v-model="query"
             name="search"
             search
             :label="t('components.manage.library.TracksTable.label.search')"
-            v-model="query"
             :placeholder="labels.searchPlaceholder"
           />
         </form>

front/src/components/manage/users/InvitationForm.vue

@@ -124,7 +124,7 @@ const getUrl = (code: string) => store.getters['instance/absoluteUrl'](router.re
           </tr>
         </tbody>
       </table>
-      <Spacer :size="8"/>
+      <Spacer :size="8" />
       <Button
         destructive
         icon="bi-trash"

front/src/ui/components/UserMenu.vue

@@ -101,7 +101,7 @@ const labels = computed(() => ({
           "
         >
           {{ store.state.ui.notifications.inbox }}
-      </div>
+        </div>
       </PopoverItem>
       <PopoverItem
         v-if="store.state.auth.authenticated"

front/src/ui/modals/Search.vue

@@ -448,7 +448,6 @@ watch(queryDebounced, search, { immediate: true })
             : ({ expand: () => openSections.add(category.type) })
         "
       >
-
         <!-- Categories that have one list-style item -->
 
         <TrackTable

front/src/views/Notifications.vue

@@ -191,14 +191,17 @@ const markAllAsRead = async () => {
               @submit.prevent="setDisplayDate('funkwhale_support_message_display_date', funkwhaleSupportMessageDelay)"
             >
               <Layout flex>
-                <label for="funkwhale-reminder-delay" style="align-self: center;">
+                <label
+                  for="funkwhale-reminder-delay"
+                  style="align-self: center;"
+                >
                   {{ t('views.Notifications.label.reminder') }}
                 </label>
                 <select
                   id="funkwhale-reminder-delay"
+                  v-model="funkwhaleSupportMessageDelay"
                   class="ui dropdown"
                   style="margin-top: 0px;"
-                  v-model="funkwhaleSupportMessageDelay"
                 >
                   <option :value="30">
                     {{ t('views.Notifications.option.delay.30') }}
@@ -238,8 +241,8 @@ const markAllAsRead = async () => {
     <Button
       v-if="filters.is_read === false && notifications.count > 0"
       secondary
-      @click.prevent="markAllAsRead"
       icon="bi-check-all"
+      @click.prevent="markAllAsRead"
     >
       {{ t('views.Notifications.button.read') }}
     </Button>
@@ -248,13 +251,13 @@ const markAllAsRead = async () => {
 
     <Table
       v-else-if="notifications.count > 0"
-      :gridTemplateColumns="['auto', 'auto', 'auto', 'auto']"
+      :grid-template-columns="['auto', 'auto', 'auto', 'auto']"
     >
-        <notification-row
+      <notification-row
-          v-for="item in notifications.results"
+        v-for="item in notifications.results"
-          :key="item.id"
+        :key="item.id"
-          :initial-item="item"
+        :initial-item="item"
-        />
+      />
     </Table>
     <p v-else-if="additionalNotifications === 0">
       {{ t('views.Notifications.empty.notifications') }}

front/src/views/content/libraries/FilesTable.vue

@@ -142,8 +142,14 @@ const getImportStatusChoice = (importStatus: ImportStatus) => {
 </script>
 
 <template>
-  <Layout form class="ui form">
+  <Layout
-    <Layout stack class="fields">
+    form
+    class="ui form"
+  >
+    <Layout
+      stack
+      class="fields"
+    >
       <div class="field">
         <Input
           id="search"
@@ -154,7 +160,7 @@ const getImportStatusChoice = (importStatus: ImportStatus) => {
         />
       </div>
       <Layout flex>
-        <Spacer grow/>
+        <Spacer grow />
         <div class="field">
           <label for="import-status">
             {{ t('views.content.libraries.FilesTable.label.importStatus') }}

front/src/views/playlists/List.vue

@@ -260,6 +260,5 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
         :pages="Math.ceil(result.count/paginateBy)"
       />
     </Section>
-
   </Layout>
 </template>