chore: 调整编译的一些警告

vbenjs · Sep 15, 2023 · 3991b62 · 3991b62
1 parent a224baa
commit 3991b62
Show file tree

Hide file tree

Showing 3 changed files with 37 additions and 42 deletions.
diff --git a/.vitepress/theme-default/components/NavBar.vue b/.vitepress/theme-default/components/NavBar.vue
@@ -30,14 +30,14 @@
 </template>
 
 <script setup lang="ts">
-  import { defineEmits } from 'vue';
+  import { defineEmit } from 'vue';
   import NavBarTitle from './NavBarTitle.vue';
   import NavLinks from './NavLinks.vue';
   import ToggleSideBarButton from './ToggleSideBarButton.vue';
   import DarkModeSwitch from './DarkModeSwitch.vue';
   import { useRepo } from '../composables/repo';
 
-  defineEmits(['toggle']);
+  defineEmit(['toggle']);
 
   const repo = useRepo();
 </script>

diff --git a/.vitepress/theme-default/components/NavBarTitle.vue b/.vitepress/theme-default/components/NavBarTitle.vue
@@ -4,30 +4,25 @@
     :href="$withBase($localePath)"
     :aria-label="`${$siteByRoute.title}, back to home`"
   >
-    <img
-      v-if="$themeConfig.logo"
-      class="logo"
-      :src="$withBase($themeConfig.logo)"
-      alt="Logo"
-    />
+    <img v-if="$themeConfig.logo" class="logo" :src="$withBase($themeConfig.logo)" alt="Logo" />
     {{ $site.title }}
   </a>
 </template>
 
 <style scoped>
-.nav-bar-title {
-  font-size: 1.3rem;
-  font-weight: 600;
-  color: var(--c-text);
-}
+  .nav-bar-title {
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: var(--c-text);
+  }
 
-.nav-bar-title:hover {
-  text-decoration: none;
-}
+  .nav-bar-title:hover {
+    text-decoration: none;
+  }
 
-.logo {
-  margin-right: 0.75rem;
-  height: 1.3rem;
-  vertical-align: bottom;
-}
+  .logo {
+    margin-right: 0.75rem;
+    height: 1.3rem;
+    vertical-align: bottom;
+  }
 </style>
diff --git a/.vitepress/theme-default/components/ToggleSideBarButton.vue b/.vitepress/theme-default/components/ToggleSideBarButton.vue
@@ -16,31 +16,31 @@
   </div>
 </template>
 
-<script>
-export default {
-  emits: ['toggle']
-}
+<script lang="ts">
+  export default {
+    emits: ['toggle'],
+  };
 </script>
 
 <style>
-.sidebar-button {
-  position: absolute;
-  top: 0.6rem;
-  left: 1rem;
-  display: none;
-  padding: 0.6rem;
-  cursor: pointer;
-}
-
-.sidebar-button .icon {
-  display: block;
-  width: 1.25rem;
-  height: 1.25rem;
-}
-
-@media screen and (max-width: 719px) {
   .sidebar-button {
+    position: absolute;
+    top: 0.6rem;
+    left: 1rem;
+    display: none;
+    padding: 0.6rem;
+    cursor: pointer;
+  }
+
+  .sidebar-button .icon {
     display: block;
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+
+  @media screen and (max-width: 719px) {
+    .sidebar-button {
+      display: block;
+    }
   }
-}
 </style>