From 3a5b32480f1ef03ce067c3378c2e42798c533174 Mon Sep 17 00:00:00 2001
From: shanmukhdutt <ksssaidutt@gmail.com>
Date: Tue, 2 Jan 2024 10:54:41 +0530
Subject: [PATCH] Improved: Indentation for menu component(#248)

---
 src/components/Menu.vue | 65 ++++++++++++++++++++---------------------
 1 file changed, 32 insertions(+), 33 deletions(-)

diff --git a/src/components/Menu.vue b/src/components/Menu.vue
index 0df28ddb..b4ad60cb 100644
--- a/src/components/Menu.vue
+++ b/src/components/Menu.vue
@@ -1,38 +1,38 @@
 <template>
-    <ion-menu content-id="main-content" type="overlay" :disabled="!isUserAuthenticated">
-        <ion-header>
-          <ion-toolbar>
-            <ion-title>{{ $t("Import")}}</ion-title>
-          </ion-toolbar>
-        </ion-header>
+  <ion-menu content-id="main-content" type="overlay" :disabled="!isUserAuthenticated">
+    <ion-header>
+      <ion-toolbar>
+        <ion-title>{{ $t("Import")}}</ion-title>
+      </ion-toolbar>
+    </ion-header>
 
-        <ion-content>
-          <ion-list id="import-list">
-            <ion-menu-toggle auto-hide="false" v-for="(p, i) in appPages" :key="i">
-              <ion-item
-                button
-                router-direction="root"
-                :router-link="p.url"
-                class="hydrated"
-                :class="{ selected: selectedIndex === i }">
-                <ion-icon slot="start" :ios="p.iosIcon" :md="p.mdIcon"></ion-icon>
-                <ion-label>{{ p.title }}</ion-label>
-              </ion-item>
-            </ion-menu-toggle>
-          </ion-list>
-        </ion-content>
+    <ion-content>
+      <ion-list id="import-list">
+        <ion-menu-toggle auto-hide="false" v-for="(p, i) in appPages" :key="i">
+          <ion-item
+            button
+            router-direction="root"
+            :router-link="p.url"
+            class="hydrated"
+            :class="{ selected: selectedIndex === i }">
+            <ion-icon slot="start" :ios="p.iosIcon" :md="p.mdIcon"></ion-icon>
+            <ion-label>{{ p.title }}</ion-label>
+          </ion-item>
+        </ion-menu-toggle>
+      </ion-list>
+    </ion-content>
 
-        <ion-footer>
-          <ion-toolbar>
-            <ion-item lines="none">
-              <ion-label class="ion-text-wrap">
-                <p class="overline">{{ instanceUrl }}</p>
-              </ion-label>
-              <ion-note slot="end">{{ userProfile?.userTimeZone }}</ion-note>
-            </ion-item>
-          </ion-toolbar>
-        </ion-footer>
-      </ion-menu>
+    <ion-footer>
+      <ion-toolbar>
+        <ion-item lines="none">
+          <ion-label class="ion-text-wrap">
+            <p class="overline">{{ instanceUrl }}</p>
+          </ion-label>
+          <ion-note slot="end">{{ userProfile?.userTimeZone }}</ion-note>
+        </ion-item>
+      </ion-toolbar>
+    </ion-footer>
+  </ion-menu>
 </template>
 
 <script lang="ts">
@@ -52,7 +52,6 @@ import {
 } from "@ionic/vue";
 import { computed, defineComponent } from "vue";
 import { mapGetters } from "vuex";
-
 import { albumsOutline, bookmarkOutline, settings, calendar } from "ionicons/icons";
 import { useStore } from "@/store";
 import { useRouter } from "vue-router";