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>

src/components/dialogs/GroupDialog/GallerySelectDialog.vue

@@ -26,7 +26,7 @@
                     type="default"
                     size="small"
                     icon="el-icon-upload2"
-                    :disabled="!API.currentUser.$isVRCPlus"
+                    :disabled="!currentUser.$isVRCPlus"
                     @click="displayGalleryUpload"
                     >{{ t('dialog.gallery_select.upload') }}</el-button
                 >
@@ -50,30 +50,27 @@
 </template>
 
 <script setup>
-    import { inject, getCurrentInstance } from 'vue';
-
+    import { storeToRefs } from 'pinia';
+    import { getCurrentInstance } from 'vue';
     import { useI18n } from 'vue-i18n-bridge';
     import { vrcPlusImageRequest } from '../../../api';
+    import { useGalleryStore, useUserStore } from '../../../stores';
+
     const { t } = useI18n();
 
     const { proxy } = getCurrentInstance();
     const { $message } = proxy;
-
-    const API = inject('API');
+    const { galleryTable } = storeToRefs(useGalleryStore());
+    const { refreshGalleryTable, handleGalleryImageAdd } = useGalleryStore();
+    const { currentUser } = storeToRefs(useUserStore());
 
     const props = defineProps({
         gallerySelectDialog: {
             type: Object,
             required: true
-        },
-        galleryTable: {
-            type: Array,
-            required: true
         }
     });
 
-    const emit = defineEmits(['refreshGalleryTable']);
-
     function selectImageGallerySelect(imageUrl, fileId) {
         const D = props.gallerySelectDialog;
         D.selectedFileId = fileId;
@@ -116,13 +113,13 @@
         r.onload = function () {
             const base64Body = btoa(r.result);
             vrcPlusImageRequest.uploadGalleryImage(base64Body).then((args) => {
+                handleGalleryImageAdd(args);
                 $message({
                     message: t('message.gallery.uploaded'),
                     type: 'success'
                 });
-                // API.$on('GALLERYIMAGE:ADD')
-                if (Object.keys(props.galleryTable).length !== 0) {
-                    props.galleryTable.unshift(args.json);
+                if (Object.keys(galleryTable.value).length !== 0) {
+                    galleryTable.value.unshift(args.json);
                 }
                 return args;
             });
@@ -130,7 +127,4 @@
         r.readAsBinaryString(files[0]);
         clearFile();
     }
-    function refreshGalleryTable() {
-        emit('refreshGalleryTable');
-    }
 </script>