Upgrade to Vue3 and Element Plus (#1374)

* Update Vue devtools * upgrade vue pinia element-plus vue-i18n, add vite * fix: i18n * global components * change v-deep * upgrade vue-lazyload * data table * update enlint and safe-dialog * package.json and vite.config.js * el-icon * el-message * vue 2 -> vue3 migration changes * $pinia * dialog * el-popover slot * lint * chore * slot * scss * remote state access * misc * jsconfig * el-button size mini -> small * :model-value * ElMessageBox * datatable * remove v-lazyload * template #dropdown * mini -> small * css * byebye hideTooltips * use sass-embedded * Update SQLite, remove unneeded libraries * Fix shift remove local avatar favorites * Electron arm64 * arm64 support * bye pug * f-word vite hah * misc * remove safe dialog component * Add self invite to launch dialog * Fix errors * Icons 1 * improve localfavorite loading performance * improve favorites world item performance * dialog visibility changes for Element Plus * clear element plus error * import performance * revert App.vue hah * hah * Revert "Add self invite to launch dialog" This reverts commit 4801cfad58. * Toggle self invite/open in-game * Self invite on launch dialog * el-button icon * el-icon * fix user dialog tab switching logic * fix PlayerList * Formatting changes * More icons * Fix friend log table * loading margin * fix markdown * fix world dialog tab switching issue * Fixes and formatting * fix: global i18n.t export * fix favorites world tab not working * Create instance, displayName * Remove group members sort by userId * Fix loading dialog tabs on swtich * Star * charts console.warn * wip: fix charts * wip: fix charts * wip: charts composables * fix favorite item tooltip warning * Fixes and formatting * Clean up image dialogs * Remove unused method * Fix platform/size border * Fix platform/size border * $vr * fix friendExportDialogVisible binding * ElMessageBox and Settings * Login formatting * Rename VR overlay query * Fix image popover and userdialog badges * Formatting * Big buttons * Fixes, update Cef * Fix gameLog table nav buttons jumping around while using nav buttons * Fix z-index * vr overlay * vite input add theme * defineAsyncComponent * ISO 639-1 * fix i18n * clean t * Formatting, fix calendar, rotate arrows * Show user status when user is offline * Fix VR overlay * fix theme and clean up * split InstanceActivity * tweak * Fix VR overlay formatting * fix scss var * AppDebug hahahaha * Years * remove reactive * improve perf * state hah… * fix user rendering poblems when user object is not yet loaded * improve perf * Update avatar/world image uploader, licenses, remove previous images dialog (old images are now deleted) * improve perf 1 * Suppress stray errors * fix traveling location display issue * Fix empty instance creator * improve friend list refresh performance * fix main charts * fix chart * Fix darkmode * Fix avatar dialog tags --------- Co-authored-by: pa <maplenagisa@gmail.com>
2026-05-06 06:46:04 +02:00 · 2025-09-12 10:45:24 +12:00
parent b233bbc299
commit 3324d0d279
249 changed files with 12948 additions and 19815 deletions
@@ -1,7 +1,8 @@
 import { defineStore } from 'pinia';
 import { computed, reactive } from 'vue';
-import { $app } from '../../app';
-import { t } from '../../plugin';
+import { ElMessageBox } from 'element-plus';
+
+import { useI18n } from 'vue-i18n';
 import configRepository from '../../service/config';
 import { sharedFeedFiltersDefaults } from '../../shared/constants';
 import { useVrStore } from '../vr';
@@ -10,6 +11,8 @@ export const useNotificationsSettingsStore = defineStore(
    'NotificationsSettings',
    () => {
        const vrStore = useVrStore();
+
+        const { t } = useI18n();
        const state = reactive({
            overlayToast: true,
            openVR: false,
@@ -441,7 +444,7 @@ export const useNotificationsSettingsStore = defineStore(
        }

        function promptNotificationTimeout() {
-            $app.$prompt(
+            ElMessageBox.prompt(
                t('prompt.notification_timeout.description'),
                t('prompt.notification_timeout.header'),
                {
@@ -452,25 +455,22 @@ export const useNotificationsSettingsStore = defineStore(
                    inputPattern: /\d+$/,
                    inputErrorMessage: t(
                        'prompt.notification_timeout.input_error'
-                    ),
-                    callback: async (action, instance) => {
-                        if (
-                            action === 'confirm' &&
-                            instance.inputValue &&
-                            !isNaN(instance.inputValue)
-                        ) {
-                            state.notificationTimeout = Math.trunc(
-                                Number(instance.inputValue) * 1000
-                            );
-                            await configRepository.setString(
-                                'VRCX_notificationTimeout',
-                                state.notificationTimeout
-                            );
-                            vrStore.updateVRConfigVars();
-                        }
-                    }
+                    )
                }
-            );
+            )
+                .then(async ({ value }) => {
+                    if (value && !isNaN(value)) {
+                        state.notificationTimeout = Math.trunc(
+                            Number(value) * 1000
+                        );
+                        await configRepository.setString(
+                            'VRCX_notificationTimeout',
+                            state.notificationTimeout
+                        );
+                        vrStore.updateVRConfigVars();
+                    }
+                })
+                .catch(() => {});
        }

        return {