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-03 13:36:04 +02:00 · 2025-09-12 10:45:24 +12:00
parent b233bbc299
commit 3324d0d279
249 changed files with 12948 additions and 19815 deletions
@@ -0,0 +1,76 @@
+<template>
+    <span>
+        <span>{{ text }}</span>
+        <span v-if="groupName">({{ groupName }})</span>
+        <span
+            v-if="region"
+            class="flags"
+            :class="region"
+            style="display: inline-block; margin-bottom: 2px; margin-left: 5px">
+        </span>
+
+        <i v-if="strict" style="display: inline-block; margin-left: 5px" class="ri-lock-line"></i>
+    </span>
+</template>
+
+<script setup>
+    import { ref, watch, onMounted } from 'vue';
+    import { parseLocation } from '../../shared/utils/location';
+
+    const props = defineProps({
+        location: String,
+        hint: {
+            type: String,
+            default: ''
+        },
+        grouphint: {
+            type: String,
+            default: ''
+        }
+    });
+
+    const text = ref('');
+    const region = ref('');
+    const strict = ref(false);
+    const groupName = ref('');
+
+    function parse() {
+        text.value = props.location;
+        const L = parseLocation(props.location);
+
+        if (L.isOffline) {
+            text.value = 'Offline';
+        } else if (L.isPrivate) {
+            text.value = 'Private';
+        } else if (L.isTraveling) {
+            text.value = 'Traveling';
+        } else if (typeof props.hint === 'string' && props.hint !== '') {
+            if (L.instanceId) {
+                text.value = `${props.hint} #${L.instanceName} ${L.accessTypeName}`;
+            } else {
+                text.value = props.hint;
+            }
+        } else if (L.worldId) {
+            if (L.instanceId) {
+                text.value = ` #${L.instanceName} ${L.accessTypeName}`;
+            } else {
+                text.value = props.location;
+            }
+        }
+
+        region.value = '';
+        if (props.location !== '' && L.instanceId && !L.isOffline && !L.isPrivate) {
+            region.value = L.region;
+            if (!L.region) {
+                region.value = 'us';
+            }
+        }
+
+        strict.value = L.strict;
+        groupName.value = props.grouphint;
+    }
+
+    watch(() => props.location, parse);
+
+    onMounted(parse);
+</script>