chore: address linter

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

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>

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>

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>

front/src/components/library/TagDetail.vue

@@ -27,84 +27,83 @@ const labels = computed(() => ({
 </script>
 
 <template>
-    <h1 class="ui header">
+  <h1 class="ui header">
-      <span class="funkwhale solid raised secondary pill">
+    <span class="funkwhale solid raised secondary pill">
-        <span class="pill-content">
+      <span class="pill-content">
-          {{ labels.title }}
+        {{ labels.title }}
-        </span>
       </span>
-    </h1>
+    </span>
-    <Layout
+  </h1>
-      flex
+  <Layout
-      class="buttons"
+    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
+      {{ t('components.library.TagDetail.link.moderation') }}
-        type="tag"
+    </Button>
-        :object-id="id"
+  </Layout>
-      />
-      <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>
 
-    <Spacer :size=64 />
+  <Spacer :size="64" />
-    <artist-widget
+  <artist-widget
-      :key="'artist' + id"
+    :key="'artist' + id"
-      :controls="false"
+    :controls="false"
-      :title="t('components.library.TagDetail.header.artists')"
+    :title="t('components.library.TagDetail.header.artists')"
-      :action="{
+    :action="{
-        text: t('components.library.TagDetail.link.artists'),
+      text: t('components.library.TagDetail.link.artists'),
-        to: {name: 'library.artists.browse', query: {tag: id}},
+      to: {name: 'library.artists.browse', query: {tag: id}},
-        secondary: true,
+      secondary: true,
-        solid: true
+      solid: true
-      }"
+    }"
-      :filters="{playable: true, ordering: '-creation_date', tag: id, include_channels: 'false'}"
+    :filters="{playable: true, ordering: '-creation_date', tag: id, include_channels: 'false'}"
-    >
+  />
-    </artist-widget>
+  <Spacer :size="64" />
-    <Spacer :size=64 />
+  <channels-widget
-    <channels-widget
+    :key="'channels' + id"
-      :key="'channels' + id"
+    :show-modification-date="true"
-      :show-modification-date="true"
+    :limit="12"
-      :limit="12"
+    :title="t('components.library.TagDetail.header.channels')"
-      :title="t('components.library.TagDetail.header.channels')"
+    :action="{
-      :action="{
+      text: t('components.library.TagDetail.link.channels'),
-        text: t('components.library.TagDetail.link.channels'),
+      to: {name: 'library.channels.browse', query: {tag: id}},
-        to: {name: 'library.channels.browse', query: {tag: id}},
+      secondary: true,
-        secondary: true,
+      solid: true
-        solid: true
+    }"
-      }"
+    :filters="{tag: id, ordering: '-creation_date'}"
-      :filters="{tag: id, ordering: '-creation_date'}"
+  />
-    />
+  <Spacer :size="64" />
-    <Spacer :size=64 />
+  <album-widget
-    <album-widget
+    :key="'album' + id"
-      :key="'album' + id"
+    :show-count="true"
-      :show-count="true"
+    :controls="false"
-      :controls="false"
+    :filters="{playable: true, ordering: '-creation_date', tag: id}"
-      :filters="{playable: true, ordering: '-creation_date', tag: id}"
+    :title="t('components.library.TagDetail.header.albums')"
-      :title="t('components.library.TagDetail.header.albums')"
+    :action="{
-      :action="{
+      text: t('components.library.TagDetail.link.albums'),
-        text: t('components.library.TagDetail.link.albums'),
+      to: {name: 'library.albums.browse', query: {tag: id}},
-        to: {name: 'library.albums.browse', query: {tag: id}},
+      secondary: true,
-        secondary: true,
+      solid: true
-        solid: true
+    }"
-      }"
+  />
-    />
+  <Spacer :size="64" />
-    <Spacer :size=64 />
+  <track-widget
-    <track-widget
+    :key="'track' + id"
-      :key="'track' + id"
+    :show-count="true"
-      :show-count="true"
+    :limit="12"
-      :limit="12"
+    item-classes="track-item inline"
-      item-classes="track-item inline"
+    :url="'/tracks/'"
-      :url="'/tracks/'"
+    :is-activity="false"
-      :is-activity="false"
+    :filters="{playable: true, ordering: '-creation_date', tag: id}"
-      :filters="{playable: true, ordering: '-creation_date', tag: id}"
+    :title="t('components.library.TagDetail.header.tracks')"
-      :title="t('components.library.TagDetail.header.tracks')"
+  />
-    />
 </template>
 
 <style lang="scss" scoped>

front/src/components/library/TrackBase.vue

@@ -334,27 +334,30 @@ watch(showDeleteModal, (newValue) => {
       </Layout>
 
       <hr>
-      <Layout flex gap-8>
+      <Layout
-          <span v-if="track.attributed_to">
+        flex
-            {{ t('components.library.TrackBase.subtitle.with-uploader') }}
+        gap-8
-          </span>
+      >
-          <span v-else>
+        <span v-if="track.attributed_to">
-            {{ t('components.library.TrackBase.subtitle.without-uploader') }}
+          {{ t('components.library.TrackBase.subtitle.with-uploader') }}
-          </span>
+        </span>
-          <ActorLink
+        <span v-else>
-            v-if="track.attributed_to"
+          {{ t('components.library.TrackBase.subtitle.without-uploader') }}
-            :actor="track.attributed_to"
+        </span>
-            :avatar="false"
+        <ActorLink
-          />
+          v-if="track.attributed_to"
+          :actor="track.attributed_to"
+          :avatar="false"
+        />
 
-          <time
+        <time
-            :title="track.creation_date"
+          :title="track.creation_date"
-            :datetime="track.creation_date"
+          :datetime="track.creation_date"
-          >
+        >
-            {{ momentFormat(new Date(track.creation_date), 'LL') }}
+          {{ momentFormat(new Date(track.creation_date), 'LL') }}
-          </time>
+        </time>
       </Layout>
-      <Spacer :size=16 />
+      <Spacer :size="16" />
 
       <Modal
         v-if="isEmbedable"

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;"

front/src/components/playlist/Card.vue

@@ -52,10 +52,10 @@ if (import.meta.env.PROD) {
     </template>
 
     <PlayButton
-        :icon-only="true"
+      :icon-only="true"
-        :is-playable="playlist.is_playable"
+      :is-playable="playlist.is_playable"
-        :playlist="playlist"
+      :playlist="playlist"
-      />
+    />
 
     <a
       class="funkwhale link"

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" />

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": {

front/src/views/playlists/Detail.vue

@@ -147,8 +147,8 @@ const deletePlaylist = async () => {
         >
       </div>
       <Layout
-      stack
+        stack
-      style="flex: 1; gap: 8px;"
+        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