chore: format code

kingyue737 · Mar 20, 2024 · 6ed1db5 · 6ed1db5
1 parent 0639f8b
commit 6ed1db5
Show file tree

Hide file tree

Showing 11 changed files with 31 additions and 38 deletions.
diff --git a/components/App/AppBar.vue b/components/App/AppBar.vue
@@ -29,9 +29,9 @@ const { loggedIn, clear, user } = useUserSession()
 <template>
   <v-app-bar flat>
     <v-app-bar-nav-icon @click="drawer = !drawer" />
-    <v-breadcrumbs :items="breadcrumbs"> </v-breadcrumbs>
+    <v-breadcrumbs :items="breadcrumbs" />
     <v-spacer />
-    <div id="app-bar"></div>
+    <div id="app-bar" />
     <client-only>
       <div>
         <v-switch
@@ -44,7 +44,7 @@ const { loggedIn, clear, user } = useUserSession()
           true-icon="mdi-weather-night"
           style="opacity: 0.8"
           @update:model-value="toggleDark"
-        ></v-switch>
+        />
       </div>
     </client-only>
     <v-btn
@@ -54,7 +54,7 @@ const { loggedIn, clear, user } = useUserSession()
       class="ml-2"
       target="_blank"
     >
-      <v-icon size="30" icon="mdi-github"></v-icon>
+      <v-icon size="30" icon="mdi-github" />
     </v-btn>
     <v-menu location="bottom">
       <template #activator="{ props: menu }">
@@ -76,14 +76,13 @@ const { loggedIn, clear, user } = useUserSession()
           title="Login"
           prepend-icon="mdi-github"
           href="/api/auth/github"
-        ></v-list-item>
+        />
         <v-list-item
           v-else
           title="Logout"
           prepend-icon="mdi-logout"
           @click="clear"
-        >
-        </v-list-item>
+        />
       </v-list>
     </v-menu>
   </v-app-bar>

diff --git a/components/App/AppDrawerItem.vue b/components/App/AppDrawerItem.vue
@@ -25,11 +25,10 @@ const icon = computed(() => props.item.meta?.icon)
     :prepend-icon="icon"
     active-class="text-primary"
     :title="title"
-  >
-  </v-list-item>
+  />
   <v-list-group v-else-if="icon" :prepend-icon="icon" color="primary">
     <template #activator="{ props: vProps }">
-      <v-list-item :title="title" v-bind="vProps"></v-list-item>
+      <v-list-item :title="title" v-bind="vProps" />
     </template>
     <AppDrawerItem
       v-for="child in visibleChildren"

diff --git a/components/App/AppNotification.vue b/components/App/AppNotification.vue
@@ -35,8 +35,7 @@ function toggleAll() {
         :rounded="0"
         v-bind="props"
         @click="toggleAll"
-      >
-      </v-btn>
+      />
     </template>
     <span>Notification</span>
   </v-tooltip>
@@ -51,23 +50,20 @@ function toggleAll() {
         <v-toolbar-title
           class="font-weight-light text-body-1"
           :text="notifications.length ? 'Notification' : 'No New Notifications'"
-        >
-        </v-toolbar-title>
+        />
         <v-btn
           size="small"
           icon="mdi-bell-remove"
           title="Clear All Notifications"
           @click="emptyNotifications"
-        >
-        </v-btn>
+        />
         <v-btn
           class="mr-0"
           size="small"
           icon="$expand"
           title="Hide Notifications"
           @click="toggleAll"
-        >
-        </v-btn>
+        />
       </v-toolbar>
       <v-slide-y-reverse-transition
         tag="div"

diff --git a/components/App/AppSettings.vue b/components/App/AppSettings.vue
@@ -37,15 +37,14 @@ const menuShow = ref(false)
             icon="mdi-palette-outline"
             v-bind="mergeProps(menu, tooltip)"
             :rounded="0"
-          >
-          </v-btn>
+          />
         </template>
         <span>Theme Palette</span>
       </v-tooltip>
     </template>
     <v-card width="320">
       <v-card-text class="text-center">
-        <v-label class="mb-3">Theme Palette</v-label>
+        <v-label class="mb-3"> Theme Palette </v-label>
         <v-color-picker
           v-model="color"
           show-swatches
@@ -54,13 +53,13 @@ const menuShow = ref(false)
           mode="rgb"
           :modes="['rgb', 'hex', 'hsl']"
           :swatches="colors"
-        ></v-color-picker>
+        />
         <v-btn-toggle v-model="store" mandatory class="mt-2" rounded="lg">
-          <v-btn prepend-icon="mdi-white-balance-sunny" value="light"
-            >Light</v-btn
-          >
-          <v-btn prepend-icon="mdi-weather-night" value="dark">Dark</v-btn>
-          <v-btn prepend-icon="mdi-laptop" value="auto">System</v-btn>
+          <v-btn prepend-icon="mdi-white-balance-sunny" value="light">
+            Light
+          </v-btn>
+          <v-btn prepend-icon="mdi-weather-night" value="dark"> Dark </v-btn>
+          <v-btn prepend-icon="mdi-laptop" value="auto"> System </v-btn>
         </v-btn-toggle>
       </v-card-text>
     </v-card>

diff --git a/components/DialogConfirm.vue b/components/DialogConfirm.vue
@@ -31,14 +31,14 @@ defineExpose({ open })
   <v-dialog v-model="dialog" max-width="400px">
     <v-card style="z-index: -1">
       <v-card-text class="font-weight-bold d-flex">
-        <v-icon class="mr-2" color="warning">$warning</v-icon>
+        <v-icon class="mr-2" color="warning"> $warning </v-icon>
         <span>{{ message }}</span>
       </v-card-text>
       <v-card-actions>
-        <v-spacer></v-spacer>
-        <v-btn color="primary darken-1" @click="cancel">Cancel</v-btn>
-        <v-btn color="primary darken-1" @click="confirm">Confirm</v-btn>
-        <v-spacer></v-spacer>
+        <v-spacer />
+        <v-btn color="primary darken-1" @click="cancel"> Cancel </v-btn>
+        <v-btn color="primary darken-1" @click="confirm"> Confirm </v-btn>
+        <v-spacer />
       </v-card-actions>
     </v-card>
   </v-dialog>

diff --git a/pages/homepage.vue b/pages/homepage.vue
@@ -29,7 +29,7 @@ definePageMeta({
     <v-btn :disabled="!name" class="mr-2" color="primary" @click="sayHi">
       Confirm
     </v-btn>
-    <v-btn :disabled="!name" @click="warning">Cancel</v-btn>
+    <v-btn :disabled="!name" @click="warning"> Cancel </v-btn>
   </div>
 </template>
 

diff --git a/pages/index.vue b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div></div>
+  <div />
 </template>
 <script setup lang="ts">
 definePageMeta({

diff --git a/pages/nested/menu1.vue b/pages/nested/menu1.vue
@@ -5,5 +5,5 @@ definePageMeta({
 })
 </script>
 <template>
-  <v-container fluid>empty page</v-container>
+  <v-container fluid> empty page </v-container>
 </template>
diff --git a/pages/nested/menu2/menu2-1.vue b/pages/nested/menu2/menu2-1.vue
@@ -5,5 +5,5 @@ definePageMeta({
 })
 </script>
 <template>
-  <v-container fluid>empty page</v-container>
+  <v-container fluid> empty page </v-container>
 </template>
diff --git a/pages/nested/menu2/menu2-2.vue b/pages/nested/menu2/menu2-2.vue
@@ -5,5 +5,5 @@ definePageMeta({
 })
 </script>
 <template>
-  <v-container fluid>empty page</v-container>
+  <v-container fluid> empty page </v-container>
 </template>
diff --git a/pages/table.vue b/pages/table.vue
@@ -149,7 +149,7 @@ const desserts = ref([
                 flat
                 variant="solo"
                 style="width: 250px"
-              ></v-text-field>
+              />
             </teleport>
           </client-only>
           <v-data-table