remove unnecessary props and event emissions in Sidebar components

src/views/Sidebar/components/FriendItem.vue

@@ -43,11 +43,7 @@
         </template>
         <template v-else-if="!friend.ref && !isRefreshFriendsLoading">
             <span>{{ friend.name || friend.id }}</span>
-            <Button
-                size="sm"
-                variant="ghost"
-                class="mr-1 w-6 h-6 text-xs"
-                @click.stop="$emit('confirm-delete-friend', friend.id)"
+            <Button size="sm" variant="ghost" class="mr-1 w-6 h-6 text-xs" @click.stop="confirmDeleteFriend(friend.id)"
                 ><Trash2 class="h-4 w-4" />
             </Button>
         </template>
@@ -80,10 +76,9 @@
         isGroupByInstance: Boolean
     });
 
-    defineEmits(['confirm-delete-friend']);
-
     const { hideNicknames } = storeToRefs(useAppearanceSettingsStore());
     const { isRefreshFriendsLoading } = storeToRefs(useFriendStore());
+    const { confirmDeleteFriend } = useFriendStore();
     const { showUserDialog } = useUserStore();
     const { t } = useI18n();
 

src/views/Sidebar/components/FriendsSidebar.vue

@@ -72,8 +72,7 @@
                         <friend-item
                             :friend="item.row.friend"
                             :style="item.row.itemStyle"
-                            :is-group-by-instance="item.row.isGroupByInstance"
-                            @confirm-delete-friend="confirmDeleteFriend" />
+                            :is-group-by-instance="item.row.isGroupByInstance" />
                     </template>
                 </div>
             </template>
@@ -105,7 +104,6 @@
     import Location from '../../../components/Location.vue';
     import configRepository from '../../../service/config';
 
-    const emit = defineEmits(['confirm-delete-friend']);
     const { t } = useI18n();
 
     const friendStore = useFriendStore();
@@ -479,10 +477,6 @@
         saveFriendsGroupStates();
     }
 
-    function confirmDeleteFriend(friend) {
-        emit('confirm-delete-friend', friend);
-    }
-
     onMounted(() => {
         scrollViewportRef.value = listRootRef.value?.closest('[data-slot="scroll-area-viewport"]') ?? null;
         nextTick(() => {

src/views/Sidebar/components/GroupsSidebar.vue

@@ -64,13 +64,6 @@
     const { showGroupDialog, sortGroupInstancesByInGame } = useGroupStore();
     const { groupInstances } = storeToRefs(useGroupStore());
 
-    defineProps({
-        groupOrder: {
-            type: Array,
-            default: () => []
-        }
-    });
-
     const groupInstancesCfg = ref({});
     const listRootRef = ref(null);
     const scrollViewportRef = ref(null);