Refactor options props

Author: staniel359

src/components/containers/tabs/profile/favorites/BaseProfileFavoriteTabContainer.vue

@@ -20,8 +20,8 @@
           :is="tabData.component"
           :[tabData.scope]="slotProps[tabData.scope]"
           :profile-id="profileId"
-          :is-with-playlist-option="isWithPlaylistOption"
-          :is-with-delete-option="isWithDeleteOption"
+          :is-with-playlist-option="isSelf"
+          :is-with-delete-option="isSelf"
           is-with-image
           is-with-artist-name
           is-with-album-title
@@ -62,8 +62,11 @@ export default {
       type: Object,
       required: true
     },
-    isActive: Boolean,
-    profileId: String
+    profileId: {
+      type: String,
+      required: true
+    },
+    isActive: Boolean
   },
   emits: [
     'focus'
@@ -93,12 +96,7 @@ export default {
     favoritesData () {
       return this.profileData?.favorites
     },
-    isWithPlaylistOption () {
-      return isCurrentProfile(
-        this.profileId
-      )
-    },
-    isWithDeleteOption () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )

src/components/containers/tabs/profile/library/BaseProfileLibraryTabContainer.vue

@@ -21,8 +21,8 @@
           :[tabData.scope]="slotProps[tabData.scope]"
           :items-in-row="tabData.itemsInRow"
           :profile-id="profileId"
-          :is-with-playlist-option="isWithPlaylistOption"
-          :is-with-favorite-option="isWithFavoriteOption"
+          :is-with-playlist-option="isSelf"
+          :is-with-favorite-option="isSelf"
           :is-with-delete-option="isWithDeleteOption(tabData.scope)"
           is-with-image
           is-with-artist-name
@@ -102,12 +102,7 @@ export default {
     libraryData () {
       return this.profileData?.library
     },
-    isWithPlaylistOption () {
-      return isCurrentProfile(
-        this.profileId
-      )
-    },
-    isWithFavoriteOption () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )
@@ -166,9 +161,7 @@ export default {
     ) {
       return (
         scope === 'tracks' &&
-          isCurrentProfile(
-            this.profileId
-          )
+          this.isSelf
       )
     }
   }

src/components/lists/playlists/BasePlaylistsSimpleList/PlaylistItem.vue

@@ -45,7 +45,7 @@
       </div>
 
       <BaseOptionsDropdown
-        :is-with-delete-option="isWithDeleteOption"
+        :is-with-delete-option="isSelf"
         @delete-option-click="handleDeleteOptionClick"
       />
     </template>
@@ -176,7 +176,7 @@ export default {
     uuid () {
       return this.playlistData.uuid
     },
-    isWithDeleteOption () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )

src/components/lists/profiles/BaseProfilesSimpleList/ProfileItem.vue

@@ -54,7 +54,7 @@
       />
     </small>
 
-    <template v-if="isRenderOptions">
+    <template v-if="!isSelf">
       <BaseOptionsDropdown
         :profile-data="profileData"
         is-with-follow-option
@@ -158,8 +158,8 @@ export default {
         `roles.${this.role}`
       )
     },
-    isRenderOptions () {
-      return !isCurrentProfile(
+    isSelf () {
+      return isCurrentProfile(
         this.profileId
       )
     },

src/views/profile/MainPage/InfoSegment.vue

@@ -10,7 +10,7 @@
       :profile-data="profileData"
     />
 
-    <template v-if="isRenderProfileSection">
+    <template v-if="!isSelf">
       <FollowSection
         :profile-data="profileData"
       />
@@ -46,8 +46,8 @@ export default {
     profileData: Object
   },
   computed: {
-    isRenderProfileSection () {
-      return !isCurrentProfile(
+    isSelf () {
+      return isCurrentProfile(
         this.profileId
       )
     },

src/views/profile/MainPage/LibrarySegment.vue

@@ -6,7 +6,7 @@
   >
     <template #default>
       <CompatibilitySegment
-        v-if="isRenderCompatibility"
+        v-if="!isSelf"
         :profile-id="profileId"
         :profile-nickname="profileNickname"
       />
@@ -51,8 +51,8 @@ export default {
     profileNickname: String
   },
   computed: {
-    isRenderCompatibility () {
-      return !isCurrentProfile(
+    isSelf () {
+      return isCurrentProfile(
         this.profileId
       )
     },

src/views/profile/PlaylistPage.vue

@@ -17,7 +17,7 @@
         />
 
         <ImportSegment
-          v-if="isRenderImport"
+          v-if="isSelf"
           :playlist-id="playlistId"
         />
 
@@ -50,11 +50,14 @@ export default {
     TracksSegment
   },
   props: {
-    profileId: String,
+    profileId: {
+      type: String,
+      required: true
+    },
     playlistId: String
   },
   computed: {
-    isRenderImport () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )

src/views/profile/PlaylistPage/InfoSegment.vue

@@ -27,8 +27,8 @@
 
         <BaseOptionsDropdown
           class="playlist-options"
-          :is-with-edit-option="isWithEditOption"
-          :is-with-delete-option="isWithDeleteOption"
+          :is-with-edit-option="isSelf"
+          :is-with-delete-option="isSelf"
           @edit-option-click="handleEditOptionClick"
           @delete-option-click="handleDeleteOptionClick"
         />
@@ -117,12 +117,7 @@ export default {
     created () {
       return this.playlistData.created
     },
-    isWithEditOption () {
-      return isCurrentProfile(
-        this.profileId
-      )
-    },
-    isWithDeleteOption () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )

src/views/profile/PlaylistsPage.vue

@@ -15,7 +15,7 @@
           class="top-segment"
         >
           <BasePlaylistCreateButton
-            v-if="isRenderCreateButton"
+            v-if="isSelf"
           />
 
           <BaseLink
@@ -73,7 +73,10 @@ export default {
     BasePlaylistsSimpleList
   },
   props: {
-    profileId: String
+    profileId: {
+      type: String,
+      required: true
+    }
   },
   data () {
     return {
@@ -82,7 +85,7 @@ export default {
     }
   },
   computed: {
-    isRenderCreateButton () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )

src/views/profile/favorites/AlbumsPage.vue

@@ -7,7 +7,7 @@
     <template #default="slotProps">
       <BaseAlbumsSimpleList
         :albums="slotProps[scope]"
-        :is-with-delete-option="isWithDeleteOption"
+        :is-with-delete-option="isSelf"
         is-with-artist-name
         is-favorite
       />
@@ -31,7 +31,10 @@ export default {
     BaseAlbumsSimpleList
   },
   props: {
-    profileId: String
+    profileId: {
+      type: String,
+      required: true
+    }
   },
   data () {
     return {
@@ -40,7 +43,7 @@ export default {
     }
   },
   computed: {
-    isWithDeleteOption () {
+    isSelf () {
       return isCurrentProfile(
         this.profileId
       )