style(front): Section components on profile activity

front/src/views/auth/ProfileBase.vue

@@ -22,6 +22,7 @@ import LibraryWidget from '~/components/federation/LibraryWidget.vue'
 import ChannelsWidget from '~/components/audio/ChannelsWidget.vue'
 import AlbumWidget from '~/components/album/Widget.vue'
 import TrackWidget from '~/components/audio/track/Widget.vue'
+import PlaylistWidget from '~/components/playlists/Widget.vue'
 
 interface Events {
   (e: 'updated', value: Actor): void
@@ -132,6 +133,10 @@ const recentActivity = ref(0)
     <Tabs>
       <Tab :title="t('views.auth.ProfileBase.link.overview')" :to="{name: 'profile.overview', params: routerParams}">
         <h2>{{ t('views.auth.ProfileBase.link.overview') }}</h2>
+        <!-- <router-view
+          :object="object"
+          @updated="fetchData"
+        /> -->
       </Tab>
 
       <Tab :title="t('views.auth.ProfileOverview.header.libraries')">
@@ -170,7 +175,7 @@ const recentActivity = ref(0)
       </Tab>
 
       <Tab :title="t('views.auth.ProfileBase.link.activity')" :to="{name: 'profile.activity', params: routerParams}">
-
+        <Layout stack>
           <track-widget
             :url="'history/listenings/'"
             :filters="{ scope: `actor:${object?.full_username}`, ordering: '-creation_date', ...qualityFilters}"
@@ -191,12 +196,21 @@ const recentActivity = ref(0)
             </template>
           </track-widget>
 
+          <playlist-widget
+            :url="'playlists/'"
+            :filters="{scope: `actor:${object.full_username}`, playable: true, ordering: '-modification_date'}"
+          >
+            <template #title>
+              {{ t('views.auth.ProfileActivity.header.playlists') }}
+            </template>
+          </playlist-widget>
+
           <album-widget :filters="{scope: `actor:${object?.full_username}`, playable: true, ordering: '-creation_date', ...qualityFilters}">
             <template #title>
               {{ t('components.library.Home.header.recentlyAdded') }}
             </template>
           </album-widget>
-
+        </Layout>
       </Tab>
     </Tabs>
   </Layout>