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

@@ -52,7 +52,7 @@ const labels = computed(() => ({
     </Button>
   </Layout>
 
-    <Spacer :size=64 />
+  <Spacer :size="64" />
   <artist-widget
     :key="'artist' + id"
     :controls="false"
@@ -64,9 +64,8 @@ const labels = computed(() => ({
       solid: true
     }"
     :filters="{playable: true, ordering: '-creation_date', tag: id, include_channels: 'false'}"
-    >
-    </artist-widget>
-    <Spacer :size=64 />
+  />
+  <Spacer :size="64" />
   <channels-widget
     :key="'channels' + id"
     :show-modification-date="true"
@@ -80,7 +79,7 @@ const labels = computed(() => ({
     }"
     :filters="{tag: id, ordering: '-creation_date'}"
   />
-    <Spacer :size=64 />
+  <Spacer :size="64" />
   <album-widget
     :key="'album' + id"
     :show-count="true"
@@ -94,7 +93,7 @@ const labels = computed(() => ({
       solid: true
     }"
   />
-    <Spacer :size=64 />
+  <Spacer :size="64" />
   <track-widget
     :key="'track' + id"
     :show-count="true"

front/src/components/library/TrackBase.vue

@@ -334,7 +334,10 @@ watch(showDeleteModal, (newValue) => {
       </Layout>
 
       <hr>
-      <Layout flex gap-8>
+      <Layout
+        flex
+        gap-8
+      >
         <span v-if="track.attributed_to">
           {{ t('components.library.TrackBase.subtitle.with-uploader') }}
         </span>
@@ -354,7 +357,7 @@ watch(showDeleteModal, (newValue) => {
           {{ momentFormat(new Date(track.creation_date), 'LL') }}
         </time>
       </Layout>
-      <Spacer :size=16 />
+      <Spacer :size="16" />
 
       <Modal
         v-if="isEmbedable"

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

@@ -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