refactor: app.js (#1291)

* refactor: frontend * Fix avatar gallery sort * Update .NET dependencies * Update npm dependencies electron v37.1.0 * bulkRefreshFriends * fix dark theme * Remove crowdin * Fix config.json dialog not updating * VRCX log file fixes & add Cef log * Remove SharedVariable, fix startup * Revert init theme change * Logging date not working? Fix WinformThemer designer error * Add Cef request hander, no more escaping main page * clean * fix * fix * clean * uh * Apply thememode at startup, fixes random user colours * Split database into files * Instance info remove empty lines * Open external VRC links with VRCX * Electron fixes * fix userdialog style * ohhhh * fix store * fix store * fix: load all group members after kicking a user * fix: world dialog favorite button style * fix: Clear VRCX Cache Timer input value * clean * Fix VR overlay * Fix VR overlay 2 * Fix Discord discord rich presence for RPC worlds * Clean up age verified user tags * Fix playerList being occupied after program reload * no `this` * Fix login stuck loading * writable: false * Hide dialogs on logout * add flush sync option * rm LOGIN event * rm LOGOUT event * remove duplicate event listeners * remove duplicate event listeners * clean * remove duplicate event listeners * clean * fix theme style * fix t * clearable * clean * fix ipcEvent * Small changes * Popcorn Palace support * Remove checkActiveFriends * Clean up * Fix dragEnterCef * Block API requests when not logged in * Clear state on login & logout * Fix worldDialog instances not updating * use <script setup> * Fix avatar change event, CheckGameRunning at startup * Fix image dragging * fix * Remove PWI * fix updateLoop * add webpack-dev-server to dev environment * rm unnecessary chunks * use <script setup> * webpack-dev-server changes * use <script setup> * use <script setup> * Fix UGC text size * Split login event * t * use <script setup> * fix * Update .gitignore and enable checkJs in jsconfig * fix i18n t * use <script setup> * use <script setup> * clean * global types * fix * use checkJs for debugging * Add watchState for login watchers * fix .vue template * type fixes * rm Vue.filter * Cef v138.0.170, VC++ 2022 * Settings fixes * Remove 'USER:CURRENT' * clean up 2FA callbacks * remove userApply * rm i18n import * notification handling to use notification store methods * refactor favorite handling to use favorite store methods and clean up event emissions * refactor moderation handling to use dedicated functions for player moderation events * refactor friend handling to use dedicated functions for friend events * Fix program startup, move lang init * Fix friend state * Fix status change error * Fix user notes diff * fix * rm group event * rm auth event * rm avatar event * clean * clean * getUser * getFriends * getFavoriteWorlds, getFavoriteAvatars * AvatarGalleryUpload btn style & package.json update * Fix friend requests * Apply user * Apply world * Fix note diff * Fix VR overlay * Fixes * Update build scripts * Apply avatar * Apply instance * Apply group * update hidden VRC+ badge * Fix sameInstance "private" * fix 502/504 API errors * fix 502/504 API errors * clean * Fix friend in same instance on orange showing twice in friends list * Add back in broken friend state repair methods * add types --------- Co-authored-by: Natsumi <cmcooper123@hotmail.com>
2026-05-06 22:46:06 +02:00 · 2025-07-14 12:00:08 +09:00
parent 952fd77ed5
commit f4f78bb5ec
323 changed files with 47745 additions and 43326 deletions
@@ -21,7 +21,7 @@
        </div>
        <span style="display: block; margin-top: 30px">{{ $t('view.favorite.avatars.vrchat_favorites') }}</span>
        <el-collapse style="border: 0">
-            <el-collapse-item v-for="group in API.favoriteFriendGroups" :key="group.name">
+            <el-collapse-item v-for="group in favoriteFriendGroups" :key="group.name">
                <template slot="title">
                    <span
                        style="font-weight: bold; font-size: 14px; margin-left: 10px"
@@ -70,73 +70,67 @@
                </div>
            </el-collapse-item>
        </el-collapse>
-        <FriendExportDialog
-            :friend-export-dialog-visible.sync="friendExportDialogVisible"
-            :favorite-friends="favoriteFriends" />
+        <FriendExportDialog :friend-export-dialog-visible.sync="friendExportDialogVisible" />
    </div>
 </template>

-<script>
-    import FavoritesFriendItem from './FavoritesFriendItem.vue';
-    import FriendExportDialog from '../dialogs/FriendExportDialog.vue';
+<script setup>
+    import { ref, getCurrentInstance, computed } from 'vue';
+    import { storeToRefs } from 'pinia';
    import { favoriteRequest } from '../../../api';
+    import { useAppearanceSettingsStore, useFavoriteStore, useUserStore } from '../../../stores';
+    import FriendExportDialog from '../dialogs/FriendExportDialog.vue';
+    import FavoritesFriendItem from './FavoritesFriendItem.vue';

-    export default {
-        name: 'FavoritesFriendTab',
-        components: { FriendExportDialog, FavoritesFriendItem },
-        inject: ['showUserDialog', 'API'],
-        props: {
-            favoriteFriends: Array,
-            sortFavorites: Boolean,
-            hideTooltips: Boolean,
-            groupedByGroupKeyFavoriteFriends: Object,
-            editFavoritesMode: Boolean
+    defineProps({
+        editFavoritesMode: {
+            type: Boolean,
+            default: false
+        }
+    });
+
+    const emit = defineEmits(['change-favorite-group-name']);
+
+    const { proxy } = getCurrentInstance();
+
+    const { hideTooltips, sortFavorites } = storeToRefs(useAppearanceSettingsStore());
+    const { setSortFavorites } = useAppearanceSettingsStore();
+    const { showUserDialog } = useUserStore();
+    const { favoriteFriendGroups, groupedByGroupKeyFavoriteFriends } = storeToRefs(useFavoriteStore());
+    const { showFriendImportDialog, saveSortFavoritesOption } = useFavoriteStore();
+
+    const friendExportDialogVisible = ref(false);
+
+    const sortFav = computed({
+        get() {
+            return sortFavorites.value;
        },
-        data() {
-            return {
-                friendExportDialogVisible: false
-            };
-        },
-        computed: {
-            sortFav: {
-                get() {
-                    return this.sortFavorites;
-                },
-                set(value) {
-                    this.$emit('update:sort-favorites', value);
+        set(value) {
+            setSortFavorites(value);
+        }
+    });
+
+    function showFriendExportDialog() {
+        friendExportDialogVisible.value = true;
+    }
+
+    function clearFavoriteGroup(ctx) {
+        proxy.$confirm('Continue? Clear Group', 'Confirm', {
+            confirmButtonText: 'Confirm',
+            cancelButtonText: 'Cancel',
+            type: 'info',
+            callback: (action) => {
+                if (action === 'confirm') {
+                    favoriteRequest.clearFavoriteGroup({
+                        type: ctx.type,
+                        group: ctx.name
+                    });
                }
            }
-        },
-        methods: {
-            showFriendExportDialog() {
-                this.friendExportDialogVisible = true;
-            },
-            showFriendImportDialog() {
-                this.$emit('show-friend-import-dialog');
-            },
-            saveSortFavoritesOption() {
-                this.$emit('save-sort-favorites-option');
-            },
+        });
+    }

-            clearFavoriteGroup(ctx) {
-                // FIXME: 메시지 수정
-                this.$confirm('Continue? Clear Group', 'Confirm', {
-                    confirmButtonText: 'Confirm',
-                    cancelButtonText: 'Cancel',
-                    type: 'info',
-                    callback: (action) => {
-                        if (action === 'confirm') {
-                            favoriteRequest.clearFavoriteGroup({
-                                type: ctx.type,
-                                group: ctx.name
-                            });
-                        }
-                    }
-                });
-            },
-            changeFavoriteGroupName(group) {
-                this.$emit('change-favorite-group-name', group);
-            }
-        }
-    };
+    function changeFavoriteGroupName(group) {
+        emit('change-favorite-group-name', group);
+    }
 </script>