rename

src/components/NavMenu.vue

@@ -64,15 +64,15 @@
 
     const navItems = [
         { index: 'feed', icon: 'ri-rss-line', tooltip: 'nav_tooltip.feed' },
-        { index: 'friend', icon: 'ri-group-line', tooltip: 'nav_tooltip.friend' },
+        { index: 'friend-location', icon: 'ri-group-line', tooltip: 'nav_tooltip.friend_location' },
-        { index: 'gameLog', icon: 'ri-history-line', tooltip: 'nav_tooltip.game_log' },
+        { index: 'game-log', icon: 'ri-history-line', tooltip: 'nav_tooltip.game_log' },
-        { index: 'playerList', icon: 'ri-group-3-line', tooltip: 'nav_tooltip.player_list' },
+        { index: 'player-list', icon: 'ri-group-3-line', tooltip: 'nav_tooltip.player_list' },
         { index: 'search', icon: 'ri-search-line', tooltip: 'nav_tooltip.search' },
         { index: 'favorites', icon: 'ri-star-line', tooltip: 'nav_tooltip.favorites' },
-        { index: 'friendLog', icon: 'ri-contacts-line', tooltip: 'nav_tooltip.friend_log' },
+        { index: 'friend-log', icon: 'ri-contacts-line', tooltip: 'nav_tooltip.friend_log' },
         { index: 'moderation', icon: 'ri-user-forbid-line', tooltip: 'nav_tooltip.moderation' },
         { index: 'notification', icon: 'ri-notification-2-line', tooltip: 'nav_tooltip.notification' },
-        { index: 'friendList', icon: 'ri-contacts-book-3-line', tooltip: 'nav_tooltip.friend_list' },
+        { index: 'friend-list', icon: 'ri-contacts-book-3-line', tooltip: 'nav_tooltip.friend_list' },
         { index: 'charts', icon: 'ri-bar-chart-line', tooltip: 'nav_tooltip.charts' },
         { index: 'tools', icon: 'ri-tools-line', tooltip: 'nav_tooltip.tools' }
     ];

src/localization/en/en.json

@@ -2,7 +2,7 @@
     "language": "English (en)",
     "translator": "-",
     "nav_tooltip": {
-        "friend": "Friend",
+        "friend_location": "Friend Location",
         "feed": "Feed",
         "game_log": "Game Log",
         "player_list": "Player List",

src/plugin/router.js

@@ -3,8 +3,8 @@ import { createRouter, createWebHashHistory } from 'vue-router';
 import Charts from './../views/Charts/Charts.vue';
 import Favorites from './../views/Favorites/Favorites.vue';
 import Feed from './../views/Feed/Feed.vue';
-import Friend from './../views/Friend/Friend.vue';
 import FriendList from './../views/FriendList/FriendList.vue';
+import FriendLocation from './../views/FriendLocation/FriendLocation.vue';
 import FriendLog from './../views/FriendLog/FriendLog.vue';
 import GameLog from './../views/GameLog/GameLog.vue';
 import Moderation from './../views/Moderation/Moderation.vue';
@@ -15,17 +15,21 @@ import Settings from './../views/Settings/Settings.vue';
 import Tools from './../views/Tools/Tools.vue';
 
 const routes = [
-    { path: '/friend', name: 'friend', component: Friend },
     { path: '/feed', name: 'feed', component: Feed },
-    { path: '/gamelog', name: 'gameLog', component: GameLog },
+    {
-    { path: '/playerlist', name: 'playerList', component: PlayerList },
+        path: '/friend-location',
+        name: 'friendLocation',
+        component: FriendLocation
+    },
+    { path: '/game-log', name: 'gameLog', component: GameLog },
+    { path: '/player-list', name: 'playerList', component: PlayerList },
     { path: '/search', name: 'search', component: Search },
     { path: '/favorites', name: 'favorites', component: Favorites },
-    { path: '/friendlog', name: 'friendLog', component: FriendLog },
+    { path: '/friend-log', name: 'friendLog', component: FriendLog },
     { path: '/moderation', name: 'moderation', component: Moderation },
     { path: '/notification', name: 'notification', component: Notification },
     {
-        path: '/friendlist',
+        path: '/friend-list',
         name: 'friendList',
         component: FriendList
     },

src/views/FriendLocation/FriendLocation.vue

@@ -37,7 +37,7 @@
                             <span class="friend-view__instance-count">{{ group.friends.length }}</span>
                         </header>
                         <div class="friend-view__grid" :style="gridStyle">
-                            <FriendCard
+                            <FriendLocationCard
                                 v-for="friend in group.friends"
                                 :key="friend.id ?? friend.userId ?? friend.displayName"
                                 :friend="friend"
@@ -49,7 +49,7 @@
             </template>
             <template v-else>
                 <div v-if="visibleFriends.length" class="friend-view__grid" :style="gridStyle">
-                    <FriendCard
+                    <FriendLocationCard
                         v-for="entry in visibleFriends"
                         :key="entry.id ?? entry.friend.id ?? entry.friend.displayName"
                         :friend="entry.friend"
@@ -75,7 +75,7 @@
     import { getFriendsLocations } from '../../shared/utils/location.js';
     import { useFriendStore } from '../../stores';
 
-    import FriendCard from './components/FriendCard.vue';
+    import FriendLocationCard from './components/FriendLocationCard.vue';
 
     const friendStore = useFriendStore();
     const { onlineFriends, vipFriends, activeFriends, offlineFriends, friendsInSameInstance } =