Merge branch 'main' into chore--downgrade-sass-version

Author: vikiival

components/profile/follow/Modal.vue

@@ -28,13 +28,11 @@
         <ProfileFollowTab
           v-if="activeTab === 'followers'"
           type="followers"
-          :user-list="followersList"
           :total-count="followersCount"
         />
         <ProfileFollowTab
           v-else
           type="following"
-          :user-list="followingList"
           :total-count="followingCount"
         />
       </tamplate>
@@ -45,7 +43,6 @@
 <script setup lang="ts">
 import { NeoModal } from '@kodadot1/brick'
 import TabItem from '@/components/shared/TabItem.vue'
-import type { Follower } from '@/services/profile'
 import type { Tab } from '@/components/profile/types'
 
 const emit = defineEmits(['close'])
@@ -63,9 +60,6 @@ const counts = {
   following: props.followingCount,
 }
 
-const followersList = ref<Follower[]>([])
-const followingList = ref<Follower[]>([])
-
 const activeTab = ref<Tab>('followers')
 
 const vOpen = useVModel(props, 'modelValue')

components/profile/follow/Tab.vue

@@ -11,7 +11,7 @@
   <div
     v-else-if="totalCount > 0"
     ref="el"
-    class="flex flex-col gap-5"
+    class="flex flex-col gap-5 max-h-[400px] overflow-y-auto"
   >
     <UserRow
       v-for="user in vList"
@@ -40,11 +40,10 @@ const route = useRoute()
 
 const props = defineProps<{
   totalCount: number
-  userList: Follower[]
   type: Tab
 }>()
 
-const vList = useVModel(props, 'userList')
+const vList = ref<Follower[]>([])
 const offset = computed(() => vList.value.length)
 const limit = 10
 const el = ref<HTMLElement | null>(null)