chore: formatting

Author: yyx990803

src/.vitepress/theme/components/NewsLetter.vue

@@ -40,15 +40,13 @@ import { VTLink } from '@vue/theme'
 
       <p class="help">
         You can read the previous issues and listen to our podcast at
-        <VTLink class="link" href="https://news.vuejs.org/" no-icon
-          >news.vuejs.org</VTLink
-        >. You may also go social at
-        <VTLink class="link" href="https://twitter.com/vuejs" no-icon
-          >Twitter</VTLink
-        >, or join our home at
-        <VTLink class="link" href="https://chat.vuejs.org/" no-icon
-          >Discord</VTLink
-        >.
+        <VTLink
+          class="link"
+          href="https://news.vuejs.org/"
+          no-icon
+        >news.vuejs.org</VTLink>. You may also go social at
+        <VTLink class="link" href="https://twitter.com/vuejs" no-icon>Twitter</VTLink>, or join our home at
+        <VTLink class="link" href="https://chat.vuejs.org/" no-icon>Discord</VTLink>.
       </p>
     </div>
   </section>
@@ -157,7 +155,7 @@ import { VTLink } from '@vue/theme'
   font-weight: 500;
   color: var(--vt-c-text-dark-1);
   background-color: var(--vt-c-brand);
-  transition: background-color .25s;
+  transition: background-color 0.25s;
   cursor: pointer;
 }
 

src/.vitepress/theme/components/PreferenceSwitch.vue

@@ -13,7 +13,7 @@ const route = useRoute()
 const show = computed(() => /^\/(guide|tutorial|examples)\//.test(route.path))
 const isOpen = ref(
   typeof localStorage !== 'undefined' &&
-    !localStorage.getItem(preferCompositionKey)
+  !localStorage.getItem(preferCompositionKey)
 )
 
 const toggleOpen = () => (isOpen.value = !isOpen.value)
@@ -31,7 +31,7 @@ function useToggleFn(
   className: string
 ) {
   if (typeof localStorage === 'undefined') {
-    return () => {}
+    return () => { }
   }
   const classList = document.documentElement.classList
   return (value = !state.value) => {
@@ -59,24 +59,25 @@ function useToggleFn(
     </button>
     <div id="preference-switches" :hidden="!isOpen" :aria-hidden="!isOpen">
       <div class="switch-container">
-        <label class="options-label" @click="toggleCompositionAPI(false)"
-          >Options</label
-        >
+        <label
+          class="options-label"
+          @click="toggleCompositionAPI(false)"
+        >Options</label>
         <VTSwitch
           class="api-switch"
           aria-label="Switch API"
           @click="toggleCompositionAPI()"
         />
-        <label class="composition-label" @click="toggleCompositionAPI(true)"
-          >Composition</label
-        >
+        <label
+          class="composition-label"
+          @click="toggleCompositionAPI(true)"
+        >Composition</label>
         <a
           class="switch-link"
           title="About API preference"
           href="/guide/introduction.html#api-styles"
           @click="closeSideBar"
-          >?</a
-        >
+        >?</a>
       </div>
       <div class="switch-container" v-if="route.path.startsWith('/examples')">
         <label class="no-sfc-label" @click="toggleSFC(false)">HTML</label>
@@ -91,8 +92,7 @@ function useToggleFn(
           title="About SFC"
           href="/guide/scaling-up/sfc.html"
           @click="closeSideBar"
-          >?</a
-        >
+        >?</a>
       </div>
     </div>
   </div>

src/api/ApiIndex.vue

@@ -81,9 +81,10 @@ function slugify(text) {
       </div>
     </div>
 
-    <div v-if="!filtered.length" class="no-match">
-      No API matching "{{ query }}" found.
-    </div>
+    <div
+      v-if="!filtered.length"
+      class="no-match"
+    >No API matching "{{ query }}" found.</div>
   </div>
 </template>