use for-of statements to replace for and for-in

src/views/mobile/users/SessionListPage.vue

@@ -53,6 +53,7 @@ import { useI18nUIComponents, showLoading, hideLoading, onSwipeoutDeleted } from
 
 import { useTokensStore } from '@/stores/token.ts';
 
+import { itemAndIndex, reversedItemAndIndex } from '@/core/base.ts';
 import { TextDirection } from '@/core/text.ts';
 import { type TokenInfoResponse, SessionInfo } from '@/models/token.ts';
 
@@ -94,8 +95,7 @@ const sessions = computed<MobilePageSessionInfo[]>(() => {
         return sessions;
     }
 
-    for (let i = 0; i < tokens.value.length; i++) {
-        const token = tokens.value[i];
+    for (const token of tokens.value) {
         const sessionInfo = parseSessionInfo(token);
         sessions.push(new MobilePageSessionInfo(sessionInfo));
     }
@@ -171,9 +171,9 @@ function revoke(session: SessionInfo): void {
             hideLoading();
 
             onSwipeoutDeleted(getTokenDomId(session.tokenId), () => {
-                for (let i = 0; i < tokens.value.length; i++) {
-                    if (tokens.value[i].tokenId === session.tokenId) {
-                        tokens.value.splice(i, 1);
+                for (const [ token, index ] of itemAndIndex(tokens.value)) {
+                    if (token.tokenId === session.tokenId) {
+                        tokens.value.splice(index, 1);
                     }
                 }
             });
@@ -198,9 +198,9 @@ function revokeAll(): void {
         tokensStore.revokeAllTokens().then(() => {
             hideLoading();
 
-            for (let i = tokens.value.length - 1; i >= 0; i--) {
-                if (!tokens.value[i].isCurrent) {
-                    tokens.value.splice(i, 1);
+            for (const [ token, index ] of reversedItemAndIndex(tokens.value)) {
+                if (!token.isCurrent) {
+                    tokens.value.splice(index, 1);
                 }
             }
 

src/views/mobile/users/UserProfilePage.vue

@@ -666,9 +666,9 @@ const allLanguages = computed<LanguageOption[]>(() => getAllLanguageOptions(true
 const allCurrencies = computed<LocalizedCurrencyInfo[]>(() => getAllCurrencies());
 
 const currentLanguageName = computed<string>(() => {
-    for (let i = 0; i < allLanguages.value.length; i++) {
-        if (allLanguages.value[i].languageTag === newProfile.value.language) {
-            return allLanguages.value[i].nativeDisplayName;
+    for (const lang of allLanguages.value) {
+        if (lang.languageTag === newProfile.value.language) {
+            return lang.nativeDisplayName;
         }
     }