From 70ac26dbff05e237f82f4cc405ce9da43cfd6251 Mon Sep 17 00:00:00 2001
From: jon r <jon@allmende.io>
Date: Thu, 3 Apr 2025 10:29:24 +0200
Subject: [PATCH] chore: address linter

---
 front/src/components/artist/Widget.vue        |   2 +-
 .../components/audio/ArtistCreditLabel.vue    |   7 +-
 front/src/components/audio/EmbedWizard.vue    |   2 +-
 front/src/components/library/EditForm.vue     |   2 +-
 front/src/components/library/TagDetail.vue    | 149 +++++++++---------
 front/src/components/library/TrackBase.vue    |  41 ++---
 front/src/components/library/TrackDetail.vue  |   2 +-
 front/src/components/playlist/Card.vue        |   8 +-
 front/src/components/playlists/Form.vue       |   2 +-
 front/src/locales/en_US.json                  |   6 +-
 front/src/views/playlists/Detail.vue          |   9 +-
 11 files changed, 120 insertions(+), 110 deletions(-)

diff --git a/front/src/components/artist/Widget.vue b/front/src/components/artist/Widget.vue
index a2e0c4458..55b1c0843 100644
--- a/front/src/components/artist/Widget.vue
+++ b/front/src/components/artist/Widget.vue
@@ -79,7 +79,7 @@ watch(
 <template>
   <Section
     align-left
-    columns-per-item=1
+    columns-per-item="1"
     :h2="title"
   >
     <Loader
diff --git a/front/src/components/audio/ArtistCreditLabel.vue b/front/src/components/audio/ArtistCreditLabel.vue
index 0585d8244..d517074d3 100644
--- a/front/src/components/audio/ArtistCreditLabel.vue
+++ b/front/src/components/audio/ArtistCreditLabel.vue
@@ -25,15 +25,18 @@ const getRoute = (ac: ArtistCredit) => {
 </script>
 
 <template>
-  <Layout flex gap-8>
+  <Layout
+    flex
+    gap-8
+  >
     <template
       v-for="ac in props.artistCredit"
       :key="ac.artist.id"
     >
       <router-link
         :to="{name: 'library.artists.detail', params: {id: ac.artist.id }}"
-        @click.stop.prevent=""
         class="username"
+        @click.stop.prevent=""
       >
         <Pill>
           <template #image>
diff --git a/front/src/components/audio/EmbedWizard.vue b/front/src/components/audio/EmbedWizard.vue
index 18c20b5e7..787e6c068 100644
--- a/front/src/components/audio/EmbedWizard.vue
+++ b/front/src/components/audio/EmbedWizard.vue
@@ -101,9 +101,9 @@ const { copy, copied } = useClipboard({ source: embedCode })
         <div class="field">
           <Button
             class="right floated"
-            @click="copy()"
             icon="bi-copy"
             secondary
+            @click="copy()"
           >
             {{ t('components.audio.EmbedWizard.button.copy') }}
           </Button>
diff --git a/front/src/components/library/EditForm.vue b/front/src/components/library/EditForm.vue
index 3ba38ac02..15b51a2c3 100644
--- a/front/src/components/library/EditForm.vue
+++ b/front/src/components/library/EditForm.vue
@@ -280,8 +280,8 @@ const resetField = (fieldId: string) => {
         <template v-else-if="fieldConfig.type === 'content'">
           <Textarea
             :id="fieldConfig.id"
-            :label="fieldConfig.label"
             v-model="values[fieldConfig.id].text"
+            :label="fieldConfig.label"
             initial-lines="3"
           />
         </template>
diff --git a/front/src/components/library/TagDetail.vue b/front/src/components/library/TagDetail.vue
index cc4b9105d..74d96297f 100644
--- a/front/src/components/library/TagDetail.vue
+++ b/front/src/components/library/TagDetail.vue
@@ -27,84 +27,83 @@ const labels = computed(() => ({
 </script>
 
 <template>
-    <h1 class="ui header">
-      <span class="funkwhale solid raised secondary pill">
-        <span class="pill-content">
-          {{ labels.title }}
-        </span>
+  <h1 class="ui header">
+    <span class="funkwhale solid raised secondary pill">
+      <span class="pill-content">
+        {{ labels.title }}
       </span>
-    </h1>
-    <Layout
-      flex
-      class="buttons"
+    </span>
+  </h1>
+  <Layout
+    flex
+    class="buttons"
+  >
+    <radio-button
+      type="tag"
+      :object-id="id"
+    />
+    <Button
+      v-if="store.state.auth.availablePermissions['library']"
+      icon="bi-wrench"
+      secondary
+      :to="{name: 'manage.library.tags.detail', params: {id: id}}"
     >
-      <radio-button
-        type="tag"
-        :object-id="id"
-      />
-      <Button
-        v-if="store.state.auth.availablePermissions['library']"
-        icon="bi-wrench"
-        secondary
-        :to="{name: 'manage.library.tags.detail', params: {id: id}}"
-      >
-        {{ t('components.library.TagDetail.link.moderation') }}
-      </Button>
-    </Layout>
+      {{ t('components.library.TagDetail.link.moderation') }}
+    </Button>
+  </Layout>
 
-    <Spacer :size=64 />
-    <artist-widget
-      :key="'artist' + id"
-      :controls="false"
-      :title="t('components.library.TagDetail.header.artists')"
-      :action="{
-        text: t('components.library.TagDetail.link.artists'),
-        to: {name: 'library.artists.browse', query: {tag: id}},
-        secondary: true,
-        solid: true
-      }"
-      :filters="{playable: true, ordering: '-creation_date', tag: id, include_channels: 'false'}"
-    >
-    </artist-widget>
-    <Spacer :size=64 />
-    <channels-widget
-      :key="'channels' + id"
-      :show-modification-date="true"
-      :limit="12"
-      :title="t('components.library.TagDetail.header.channels')"
-      :action="{
-        text: t('components.library.TagDetail.link.channels'),
-        to: {name: 'library.channels.browse', query: {tag: id}},
-        secondary: true,
-        solid: true
-      }"
-      :filters="{tag: id, ordering: '-creation_date'}"
-    />
-    <Spacer :size=64 />
-    <album-widget
-      :key="'album' + id"
-      :show-count="true"
-      :controls="false"
-      :filters="{playable: true, ordering: '-creation_date', tag: id}"
-      :title="t('components.library.TagDetail.header.albums')"
-      :action="{
-        text: t('components.library.TagDetail.link.albums'),
-        to: {name: 'library.albums.browse', query: {tag: id}},
-        secondary: true,
-        solid: true
-      }"
-    />
-    <Spacer :size=64 />
-    <track-widget
-      :key="'track' + id"
-      :show-count="true"
-      :limit="12"
-      item-classes="track-item inline"
-      :url="'/tracks/'"
-      :is-activity="false"
-      :filters="{playable: true, ordering: '-creation_date', tag: id}"
-      :title="t('components.library.TagDetail.header.tracks')"
-    />
+  <Spacer :size="64" />
+  <artist-widget
+    :key="'artist' + id"
+    :controls="false"
+    :title="t('components.library.TagDetail.header.artists')"
+    :action="{
+      text: t('components.library.TagDetail.link.artists'),
+      to: {name: 'library.artists.browse', query: {tag: id}},
+      secondary: true,
+      solid: true
+    }"
+    :filters="{playable: true, ordering: '-creation_date', tag: id, include_channels: 'false'}"
+  />
+  <Spacer :size="64" />
+  <channels-widget
+    :key="'channels' + id"
+    :show-modification-date="true"
+    :limit="12"
+    :title="t('components.library.TagDetail.header.channels')"
+    :action="{
+      text: t('components.library.TagDetail.link.channels'),
+      to: {name: 'library.channels.browse', query: {tag: id}},
+      secondary: true,
+      solid: true
+    }"
+    :filters="{tag: id, ordering: '-creation_date'}"
+  />
+  <Spacer :size="64" />
+  <album-widget
+    :key="'album' + id"
+    :show-count="true"
+    :controls="false"
+    :filters="{playable: true, ordering: '-creation_date', tag: id}"
+    :title="t('components.library.TagDetail.header.albums')"
+    :action="{
+      text: t('components.library.TagDetail.link.albums'),
+      to: {name: 'library.albums.browse', query: {tag: id}},
+      secondary: true,
+      solid: true
+    }"
+  />
+  <Spacer :size="64" />
+  <track-widget
+    :key="'track' + id"
+    :show-count="true"
+    :limit="12"
+    item-classes="track-item inline"
+    :url="'/tracks/'"
+    :is-activity="false"
+    :filters="{playable: true, ordering: '-creation_date', tag: id}"
+    :title="t('components.library.TagDetail.header.tracks')"
+  />
 </template>
 
 <style lang="scss" scoped>
diff --git a/front/src/components/library/TrackBase.vue b/front/src/components/library/TrackBase.vue
index 8ed934b9b..74fbb2d92 100644
--- a/front/src/components/library/TrackBase.vue
+++ b/front/src/components/library/TrackBase.vue
@@ -334,27 +334,30 @@ watch(showDeleteModal, (newValue) => {
       </Layout>
 
       <hr>
-      <Layout flex gap-8>
-          <span v-if="track.attributed_to">
-            {{ t('components.library.TrackBase.subtitle.with-uploader') }}
-          </span>
-          <span v-else>
-            {{ t('components.library.TrackBase.subtitle.without-uploader') }}
-          </span>
-          <ActorLink
-            v-if="track.attributed_to"
-            :actor="track.attributed_to"
-            :avatar="false"
-          />
+      <Layout
+        flex
+        gap-8
+      >
+        <span v-if="track.attributed_to">
+          {{ t('components.library.TrackBase.subtitle.with-uploader') }}
+        </span>
+        <span v-else>
+          {{ t('components.library.TrackBase.subtitle.without-uploader') }}
+        </span>
+        <ActorLink
+          v-if="track.attributed_to"
+          :actor="track.attributed_to"
+          :avatar="false"
+        />
 
-          <time
-            :title="track.creation_date"
-            :datetime="track.creation_date"
-          >
-            {{ momentFormat(new Date(track.creation_date), 'LL') }}
-          </time>
+        <time
+          :title="track.creation_date"
+          :datetime="track.creation_date"
+        >
+          {{ momentFormat(new Date(track.creation_date), 'LL') }}
+        </time>
       </Layout>
-      <Spacer :size=16 />
+      <Spacer :size="16" />
 
       <Modal
         v-if="isEmbedable"
diff --git a/front/src/components/library/TrackDetail.vue b/front/src/components/library/TrackDetail.vue
index c2f85c6ac..2fd58bb55 100644
--- a/front/src/components/library/TrackDetail.vue
+++ b/front/src/components/library/TrackDetail.vue
@@ -148,7 +148,7 @@ const trackDetails: {
       flex
       style="gap: 24px;"
     >
-    <Spacer />
+      <Spacer />
       <Layout
         stack
         style="flex: 1; gap: 0;"
diff --git a/front/src/components/playlist/Card.vue b/front/src/components/playlist/Card.vue
index 2eb64775f..fc4a95fde 100644
--- a/front/src/components/playlist/Card.vue
+++ b/front/src/components/playlist/Card.vue
@@ -52,10 +52,10 @@ if (import.meta.env.PROD) {
     </template>
 
     <PlayButton
-        :icon-only="true"
-        :is-playable="playlist.is_playable"
-        :playlist="playlist"
-      />
+      :icon-only="true"
+      :is-playable="playlist.is_playable"
+      :playlist="playlist"
+    />
 
     <a
       class="funkwhale link"
diff --git a/front/src/components/playlists/Form.vue b/front/src/components/playlists/Form.vue
index fd3a882c6..655ee1849 100644
--- a/front/src/components/playlists/Form.vue
+++ b/front/src/components/playlists/Form.vue
@@ -162,7 +162,7 @@ const submit = async () => {
         :placeholder="t('components.playlists.Form.placeholder.description')"
         :rows="3"
         :max-length="500"
-        />
+      />
     </div>
     <div class="field">
       <span id="updatePlaylistLabel" />
diff --git a/front/src/locales/en_US.json b/front/src/locales/en_US.json
index 182af5d50..f06a2852c 100644
--- a/front/src/locales/en_US.json
+++ b/front/src/locales/en_US.json
@@ -2866,7 +2866,8 @@
           "visibility": "Playlist visiblity"
         },
         "placeholder": {
-          "name": "My awesome playlist"
+          "name": "My awesome playlist",
+          "description": "Description"
         }
       },
       "PlaylistModal": {
@@ -4070,7 +4071,8 @@
           "overview": "Overview",
           "manageUploads": "Manage uploads"
         },
-        "title": "{username}'s profile"
+        "title": "{username}'s profile",
+        "copyUsername": "Copy federated profile link"
       },
       "ProfileOverview": {
         "button": {
diff --git a/front/src/views/playlists/Detail.vue b/front/src/views/playlists/Detail.vue
index df4993ccc..54cf4aae3 100644
--- a/front/src/views/playlists/Detail.vue
+++ b/front/src/views/playlists/Detail.vue
@@ -147,8 +147,8 @@ const deletePlaylist = async () => {
         >
       </div>
       <Layout
-      stack
-      style="flex: 1; gap: 8px;"
+        stack
+        style="flex: 1; gap: 8px;"
       >
         <Spacer />
         <h1>{{ playlist.name }}</h1>
@@ -158,7 +158,10 @@ const deletePlaylist = async () => {
           <i class="bi bi-dot" />
           <Duration :seconds="playlist.duration" />
         </div>
-        <Layout flex gap-8>
+        <Layout
+          flex
+          gap-8
+        >
           <!-- TODO: Translations -->
           by
           <ActorLink