modify language select style

src/views/mobile/LoginPage.vue

@@ -56,7 +56,7 @@
             </f7-block-footer>
         </f7-list>
 
-        <f7-button small popover-open=".lang-popover-menu" :text="currentLanguageName"></f7-button>
+        <language-select-button />
 
         <f7-list class="login-page-bottom">
             <f7-block-footer>
@@ -76,22 +76,6 @@
             </div>
         </f7-toolbar>
 
-        <f7-popover class="lang-popover-menu">
-            <f7-list dividers>
-                <f7-list-item
-                    link="#" no-chevron popover-close
-                    :title="lang.displayName"
-                    :key="lang.languageTag"
-                    v-for="lang in allLanguages"
-                    @click="changeLanguage(lang.languageTag)"
-                >
-                    <template #after>
-                        <f7-icon class="list-item-checked-icon" f7="checkmark_alt" v-if="currentLanguageCode === lang.languageTag"></f7-icon>
-                    </template>
-                </f7-list-item>
-            </f7-list>
-        </f7-popover>
-
         <f7-sheet
             style="height:auto"
             :opened="show2faSheet" @sheet:closed="show2faSheet = false"
@@ -185,7 +169,6 @@
 import { ref, computed } from 'vue';
 import type { Router } from 'framework7/types';
 
-import type { LanguageOption } from '@/locales/index.ts';
 import { useI18n } from '@/locales/helpers.ts';
 import { useLoginPageBase } from '@/views/base/LoginPageBase.ts';
 
@@ -201,7 +184,7 @@ const props = defineProps<{
     f7router: Router.Router;
 }>();
 
-const { tt, getCurrentLanguageTag, getCurrentLanguageDisplayName, getAllLanguageOptions } = useI18n();
+const { tt } = useI18n();
 const { showAlert, showToast } = useI18nUIComponents();
 
 const rootStore = useRootStore();
@@ -219,7 +202,6 @@ const {
     inputIsEmpty,
     twoFAInputIsEmpty,
     tips,
-    changeLanguage,
     doAfterLogin
 } = useLoginPageBase();
 
@@ -233,9 +215,6 @@ const show2faSheet = ref<boolean>(false);
 const showForgetPasswordSheet = ref<boolean>(false);
 const showVerifyEmailSheet = ref<boolean>(false);
 
-const allLanguages = computed<LanguageOption[]>(() => getAllLanguageOptions(false));
-const currentLanguageCode = computed<string>(() => getCurrentLanguageTag());
-const currentLanguageName = computed<string>(() => getCurrentLanguageDisplayName());
 const twoFAVerifyTypeSwitchName = computed<string>(() => {
     if (twoFAVerifyType.value === 'backupcode') {
         return 'Use Passcode';