before liquid glass

src/pages/account/SettingsPage.vue

@@ -38,39 +38,47 @@
           />
         </pn-item-btm-dialog>
 
-        <q-item-label class="q-mt-md" header>{{ $t('settings__bot_title') }}</q-item-label>
+        <template v-if="authStore.isAuth">
+          <q-item-label
+            class="q-mt-md"
+            header
+            >
+            {{ $t('settings__bot_title') }}
+          </q-item-label>
 
-        <pn-item-btm-dialog
-          title="settings__language"
-          caption="settings__bot_title"
-          icon="mdi-translate"
-          iconColor="primary"
-          >
-          <template #value>
-            {{ localeOptions.find(el => el.value === localeBot)?.label }}
-          </template>
-          <pn-list-selector
-            v-model="localeBot"
-            :options="localeOptions"
-          />
-        </pn-item-btm-dialog>
-        <pn-item-btm-dialog
-          title="settings__timezone"
-          caption="settings__bot_title"
-          icon="mdi-map-clock-outline"
-          iconColor="primary"
-          v-if="timeZoneBot"
-          >
-          <template #value>
-            {{ timeZoneBot.tz }}
-            {{ timeZoneBot.offsetString }}
-          </template>
+          <pn-item-btm-dialog
+            title="settings__language"
+            caption="settings__bot_title"
+            icon="mdi-translate"
+            iconColor="primary"
+            >
+            <template #value>
+              {{ localeOptions.find(el => el.value === localeBot)?.label }}
+            </template>
+            <pn-list-selector
+              v-model="localeBot"
+              :options="localeOptions"
+            />
+          </pn-item-btm-dialog>
 
-          <pn-time-zone-selector
-            v-model="timeZoneBot"
-            :locale
-          />
-        </pn-item-btm-dialog>
+          <pn-item-btm-dialog
+            title="settings__timezone"
+            caption="settings__bot_title"
+            icon="mdi-map-clock-outline"
+            iconColor="primary"
+            v-if="timeZoneBot"
+            >
+            <template #value>
+              {{ timeZoneBot.tz }}
+              {{ timeZoneBot.offsetString }}
+            </template>
+
+            <pn-time-zone-selector
+              v-model="timeZoneBot"
+              :locale
+            />
+          </pn-item-btm-dialog>
+        </template>
       </q-list>
     </pn-scroll-list>
   </pn-page-card>
@@ -79,12 +87,14 @@
 <script setup lang="ts">
   import { ref, watch, computed, onMounted } from 'vue'
   import { useSettingsStore } from 'stores/settings'
+  import { useAuthStore } from 'stores/auth'
   import pnItemBtmDialog from 'components/pnItemBtmDialog.vue'
   import pnListSelector from 'components/pnListSelector.vue'
   import pnTimeZoneSelector from 'components/pnTimeZoneSelector.vue'
 
   const settingsStore = useSettingsStore()
-  
+  const authStore = useAuthStore()
+
   const localeOptions = settingsStore.supportLocale
 
   const locale = ref('')