some i18n translations

src/localization/en/en.json

@@ -58,6 +58,14 @@
                 "Bio": "Bio"
             }
         },
+        "friends_locations": {
+            "online_friends": "Online Friends",
+            "spacing": "Spacing",
+            "scale": "Scale",
+            "separate_same_instance_friends": "Separate Same Instance Friends",
+            "no_matching_friends": "No Matching Friends",
+            "loading_more": "Loading more..."
+        },
         "game_log": {
             "filter_placeholder": "Filter",
             "search_placeholder": "Search",

src/localization/ja/en.json

@@ -1,12 +1,14 @@
 {
     "language": "日本語 (ja)",
-    "translator": "Assault1892, Yuu198, paralleltree, kazu3jp, Cayahuanca, ecto0310",
+    "translator": "Assault1892, Yuu198, paralleltree, kazu3jp, Cayahuanca, ecto0310, Map1en",
     "nav_tooltip": {
         "feed": "フィード",
+        "friends_locations": "フレンドの現在地",
         "game_log": "ゲームログ",
         "player_list": "プレイヤーリスト",
         "search": "検索",
         "favorites": "お気に入り",
+        "social": "ソーシャル",
         "friend_log": "フレンドログ",
         "moderation": "モデレーション",
         "notification": "通知",
@@ -14,7 +16,16 @@
         "charts": "チャート",
         "tools": "ツール",
         "profile": "プロフィール",
-        "settings": "設定"
+        "settings": "設定",
+        "help_support": "ヘルプ & サポート"
+    },
+    "nav_menu": {
+        "resources": "お役立ちリンク",
+        "wiki": "ウィキ",
+        "get_help": "困った時はこちら",
+        "github": "バグ報告・提案 (GitHub)",
+        "discord": "みんなと話そう (Discord)",
+        "whats_new": "新機能（更新履歴）"
     },
     "view": {
         "login": {
@@ -46,6 +57,13 @@
                 "Bio": "自己紹介"
             }
         },
+        "friends_locations": {
+            "loading_more": "読み込み中...",
+            "no_matching_friends": "該当するフレンドはいません",
+            "scale": "サイズ",
+            "spacing": "表示間隔",
+            "separate_same_instance_friends": "同じインスタンスのフレンドを分ける"
+        },
         "game_log": {
             "filter_placeholder": "フィルター",
             "search_placeholder": "検索",

src/localization/zh-CN/en.json

@@ -1,6 +1,6 @@
 {
     "language": "简体中文 (zh-CN)",
-    "translator": "flower_elf,Yingxue,Map1en,Stabrinai",
+    "translator": "flower_elf, Yingxue, Map1en, Stabrinai",
     "nav_tooltip": {
         "friends_locations": "好友位置",
         "feed": "好友动态",
@@ -58,6 +58,14 @@
                 "Bio": "简介变更"
             }
         },
+        "friends_locations": {
+            "online_friends": "在线好友",
+            "scale": "缩放",
+            "spacing": "卡片间距",
+            "separate_same_instance_friends": "分开显示处于同一房间的好友",
+            "no_matching_friends": "没有找到匹配的好友",
+            "loading_more": "加载中..."
+        },
         "game_log": {
             "filter_placeholder": "筛选游戏日志",
             "search_placeholder": "搜索游戏日志",

src/views/FriendsLocations/FriendsLocations.vue

@@ -9,7 +9,7 @@
                     :prefix-icon="Search"
                     clearable
                     placeholder="Search Friend"></el-input>
-                <el-popover placement="bottom" trigger="click" :width="310">
+                <el-popover placement="bottom" trigger="click" :width="350">
                     <template #reference>
                         <div>
                             <el-tooltip :content="t('view.charts.instance_activity.settings.header')" placement="top">
@@ -20,11 +20,13 @@
                         </div>
                     </template>
                     <div style="display: flex; justify-content: space-between; align-items: center">
-                        <span class="friend-view__settings-label">Separate Same Instance</span>
+                        <span class="friend-view__settings-label">{{
+                            t('view.friends_locations.separate_same_instance_friends')
+                        }}</span>
                         <el-switch v-model="showSameInstance" />
                     </div>
                     <div class="friend-view__settings-row">
-                        <span class="friend-view__settings-label">Scale</span>
+                        <span class="friend-view__settings-label">{{ t('view.friends_locations.scale') }}</span>
                         <div class="friend-view__scale-control">
                             <span class="friend-view__scale-value">{{ cardScalePercentLabel }}&nbsp;</span>
                             <el-slider
@@ -37,7 +39,7 @@
                         </div>
                     </div>
                     <div class="friend-view__settings-row">
-                        <span class="friend-view__settings-label">Spacing</span>
+                        <span class="friend-view__settings-label">{{ t('view.friends_locations.spacing') }}</span>
                         <div class="friend-view__scale-control">
                             <span class="friend-view__scale-value">{{ cardSpacingPercentLabel }}&nbsp;</span>
                             <el-slider
@@ -53,7 +55,7 @@
             </div>
         </div>
         <div v-else class="friend-view__toolbar friend-view__toolbar--loading">
-            <span class="friend-view__loading-text">Loading preferences...</span>
+            <span class="friend-view__loading-text">{{ t('view.friends_locations.loading_more') }}</span>
         </div>
         <el-scrollbar v-if="settingsReady" ref="scrollbarRef" class="friend-view__scroll" @scroll="handleScroll">
             <template v-if="isSameInstanceView">
@@ -84,7 +86,7 @@
                         </div>
                     </section>
                 </div>
-                <div v-else class="friend-view__empty">No matching friends</div>
+                <div v-else class="friend-view__empty">{{ t('view.friends_locations.no_matching_friends') }}</div>
             </template>
             <template v-else-if="shouldMergeSameInstance">
                 <div v-if="mergedSameInstanceGroups.length" class="friend-view__instances">
@@ -116,7 +118,7 @@
                     </section>
                 </div>
                 <div v-if="mergedSameInstanceGroups.length && mergedOnlineEntries.length" class="friend-view__divider">
-                    <span class="friend-view__divider-text">Online Friends</span>
+                    <span class="friend-view__divider-text"></span>
                 </div>
                 <div
                     v-if="mergedOnlineEntries.length"
@@ -130,7 +132,7 @@
                         :card-spacing="cardSpacing" />
                 </div>
                 <div v-if="!mergedSameInstanceGroups.length && !mergedOnlineEntries.length" class="friend-view__empty">
-                    No matching friends
+                    {{ t('view.friends_locations.no_matching_friends') }}
                 </div>
             </template>
             <template v-else>
@@ -142,13 +144,13 @@
                         :card-scale="cardScale"
                         :card-spacing="cardSpacing" />
                 </div>
-                <div v-else class="friend-view__empty">No matching friends</div>
+                <div v-else class="friend-view__empty">{{ t('view.friends_locations.no_matching_friends') }}</div>
             </template>
             <div v-if="isLoadingMore" class="friend-view__loading">
                 <el-icon class="friend-view__loading-icon" :size="18">
                     <Loading />
                 </el-icon>
-                <span>Loading more...</span>
+                <span>{{ t('view.friends_locations.loading_more') }}</span>
             </div>
         </el-scrollbar>
         <div v-else class="friend-view__initial-loading">
@@ -178,11 +180,11 @@
         storeToRefs(friendStore);
 
     const SEGMENTED_BASE_OPTIONS = [
-        { label: 'Online', value: 'online' },
-        { label: 'Favorite', value: 'favorite' },
-        { label: 'Same Instance', value: 'same-instance' },
-        { label: 'Active', value: 'active' },
-        { label: 'Offline', value: 'offline' }
+        { label: t('side_panel.online'), value: 'online' },
+        { label: t('side_panel.favorite'), value: 'favorite' },
+        { label: t('side_panel.same_instance'), value: 'same-instance' },
+        { label: t('side_panel.active'), value: 'active' },
+        { label: t('side_panel.offline'), value: 'offline' }
     ];
 
     const segmentedOptions = computed(() =>