Merge pull request #48 from log-z/dev 代码格式化

代码格式化

src/App.vue

@@ -17,7 +17,8 @@
           <!-- LOGO -->
           <nav-logo
             @mouseenter="toggleScheme"
-            @mouseleave="clearToggleScheme" />
+            @mouseleave="clearToggleScheme"
+          />
         </div>
         <div class="vue-app__search-warppar">
           <!-- 搜索 -->

src/components/nav-favorites/nav-favorite-group.vue

@@ -1,6 +1,8 @@
 <template>
   <div class="nav-favorite-group">
-    <h2 class="nav-favorite-group__title">{{ info.name }}</h2>
+    <h2 class="nav-favorite-group__title">
+      {{ info.name }}
+    </h2>
     <ul>
       <li
         v-for="item in info.websites"
@@ -14,7 +16,7 @@
 
 <script>
 export default {
-  name: 'navFavoriteGroup',
+  name: 'NavFavoriteGroup',
   props: {
     info: {
       type: Object,

src/components/nav-favorites/nav-favorite-item.vue

@@ -39,8 +39,8 @@
       </div>
       <!-- 副标题 -->
       <div
-        class="nav-favorite-item__subtitle"
         v-if="website.subtitle"
+        class="nav-favorite-item__subtitle"
       >
         {{ website.subtitle }}
       </div>
@@ -50,7 +50,7 @@
 
 <script>
 export default {
-  name: 'navFavoriteItem',
+  name: 'NavFavoriteItem',
   props: {
     website: {
       type: Object,

src/components/nav-favorites/nav-favorites.vue

@@ -3,13 +3,14 @@
     <nav-favorite-group
       v-for="g in groups"
       :key="g.name"
-      :info="g" />
+      :info="g"
+    />
   </div>
 </template>
 
 <script>
 export default {
-  name: 'navFavorites'
+  name: 'NavFavorites'
 }
 </script>
 <script setup>

src/components/nav-foot/nav-foot.vue

@@ -1,17 +1,22 @@
 <template>
   <footer class="nav-foot">
     <!-- 切换毛玻璃特性 -->
-    <button class="nav-foot__action" @click.prevent="toggleFeatureGlassmorphism">
-      {{featureGlassmorphism ? '毛玻璃' : '纯色'}}
+    <button
+      class="nav-foot__action"
+      @click.prevent="toggleFeatureGlassmorphism"
+    >
+      {{ featureGlassmorphism ? '毛玻璃' : '纯色' }}
     </button>
     <!-- 描述信息 -->
-    <div class="nav-foot__info">{{description}}</div>
+    <div class="nav-foot__info">
+      {{ description }}
+    </div>
   </footer>
 </template>
 
 <script>
 export default {
-  name: 'navFoot'
+  name: 'NavFoot'
 }
 </script>
 <script setup>

src/components/nav-logo/nav-logo.vue

@@ -1,15 +1,21 @@
 <template>
   <div class="nav-logo">
-    <svg class="nav-logo__svg" viewBox="0 0 1000 1000">
-      <polygon style="opacity:0.33" points="653.9,507.7 693.1,614.5 862.2,228.2 475.9,397.3 582.2,437 344.5,674.7 191.5,523.1 92.8,565.2 344.8,816.6 344.8,816.6 344.9,816.7 "></polygon>
-      <polygon points="698.9,462.7 738.1,569.5 907.2,183.2 520.9,352.3 627.2,392 389.5,629.7 236.5,478.1 137.8,520.2 389.8,771.6 389.8,771.6 389.9,771.7 "></polygon>
+    <svg
+      class="nav-logo__svg"
+      viewBox="0 0 1000 1000"
+    >
+      <polygon
+        style="opacity:0.33"
+        points="653.9,507.7 693.1,614.5 862.2,228.2 475.9,397.3 582.2,437 344.5,674.7 191.5,523.1 92.8,565.2 344.8,816.6 344.8,816.6 344.9,816.7 "
+      />
+      <polygon points="698.9,462.7 738.1,569.5 907.2,183.2 520.9,352.3 627.2,392 389.5,629.7 236.5,478.1 137.8,520.2 389.8,771.6 389.8,771.6 389.9,771.7 " />
     </svg>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'navLogo'
+  name: 'NavLogo'
 }
 </script>
 

src/components/nav-search/nav-search-complete.vue

@@ -1,7 +1,7 @@
 <template>
   <div
-    class="nav-search-complete nav-card-2"
     v-if="list.length > 1"
+    class="nav-search-complete nav-card-2"
   >
     <ol>
       <li
@@ -18,7 +18,7 @@
 
 <script>
 export default {
-  name: 'navSearchComplete',
+  name: 'NavSearchComplete',
 }
 </script>
 <script setup>

src/components/nav-search/nav-search-engine-selector.vue

@@ -6,22 +6,28 @@
       @click="next"
     >
       <Baidu
-        v-if="status.eng == 'baidu'" />
+        v-if="status.eng == 'baidu'"
+      />
       <Google
-        v-if="status.eng == 'google'" />
+        v-if="status.eng == 'google'"
+      />
       <Bing
-        v-if="status.eng == 'bing'" />
+        v-if="status.eng == 'bing'"
+      />
       <Qiuwenbaike
-        v-if="status.eng == 'qiuwenbaike'" />
+        v-if="status.eng == 'qiuwenbaike'"
+      />
       <Wikipedia
-        v-if="status.eng == 'wikipedia'" />
+        v-if="status.eng == 'wikipedia'"
+      />
     </nav-icon>
     <!-- 气泡 -->
     <div class="nav-search-engine-selector__popover">
       <div class="nav-search-engine-selector__popover-wrapper nav-card-2">
-        <div class="nav-search-engine-selector__popover_item"
+        <div
           v-for="eng in engineList"
           :key="eng"
+          class="nav-search-engine-selector__popover_item"
           :class="{active: eng == status.eng}"
           @click="select(eng)"
         >
@@ -48,7 +54,7 @@
 
 <script>
 export default {
-  name: 'navSearchEngineSelector'
+  name: 'NavSearchEngineSelector'
 }
 </script>
 

src/components/nav-search/nav-search-input.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="nav-search-input">
     <input
+      ref="inputRef"
       name="nav-search-input"
       class="nav-search-input__input"
       type="text"
       autocomplete="off"
       autofocus="autofocus"
       spellcheck="false"
-      ref="inputRef"
       :placeholder="placeholder"
       :value="modelValue"
       @input="input"
@@ -24,7 +24,7 @@
 
 <script>
 export default {
-  name: 'navSearchInput',
+  name: 'NavSearchInput',
   props: {
     modelValue: {
       type: String,

src/components/nav-search/nav-search.vue

@@ -1,41 +1,47 @@
 <template>
-  <div class="nav-search" :class="rootClass">
+  <div
+    class="nav-search"
+    :class="rootClass"
+  >
     <form
       :class="fromClass"
       @submit.prevent="submit"
     >
       <nav-search-input
-        v-model="data.searchWord"
         ref="inputRef"
+        v-model="data.searchWord"
         @input="input"
         @focus="focus"
         @blur="blur"
         @eng-next="engineNext"
         @eng-prev="enginePrev"
         @complete-next="completeNext"
-        @complete-prev="completePrev" />
+        @complete-prev="completePrev"
+      />
       <nav-search-engine-selector
         ref="engineSelectorRef"
         :engine="engine"
-        @change="engineChange" />
+        @change="engineChange"
+      />
       <nav-icon
         class="nav-search__submit"
         @click="submit"
       >
-        <CheveronRight/>
+        <CheveronRight />
       </nav-icon>
     </form>
     <nav-search-complete
       ref="completeRef"
       :list="data.complete"
       @selecte="completeSelect"
-      @change="completeChange" />
+      @change="completeChange"
+    />
   </div>
 </template>
 
 <script>
 export default {
-  name: 'navSearch'
+  name: 'NavSearch'
 }
 </script>
 <script setup>

src/icons-vue/nav-icon-baidu.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont icon-baidu"></span>
+  <span class="iconfont icon-baidu" />
 </template>
 
 <script>
 export default {
-  name: 'navIconBaidu'
+  name: 'NavIconBaidu'
 }
 </script>

src/icons-vue/nav-icon-bing.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont icon-bing"></span>
+  <span class="iconfont icon-bing" />
 </template>
 
 <script>
 export default {
-  name: 'navIconBing'
+  name: 'NavIconBing'
 }
 </script>

src/icons-vue/nav-icon-cheveron-right.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont icon-cheveron-right"></span>
+  <span class="iconfont icon-cheveron-right" />
 </template>
 
 <script>
 export default {
-  name: 'navIconCheveronRight'
+  name: 'NavIconCheveronRight'
 }
 </script>

src/icons-vue/nav-icon-google.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont icon-google"></span>
+  <span class="iconfont icon-google" />
 </template>
 
 <script>
 export default {
-  name: 'navIconGoogle'
+  name: 'NavIconGoogle'
 }
 </script>

src/icons-vue/nav-icon-qiuwenbaike.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont icon-qiuwenbaike"></span>
+  <span class="iconfont icon-qiuwenbaike" />
 </template>
 
 <script>
 export default {
-  name: 'navIconQiuwenbaike'
+  name: 'NavIconQiuwenbaike'
 }
 </script>

src/icons-vue/nav-icon-wikipedia.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont icon-wikipedia"></span>
+  <span class="iconfont icon-wikipedia" />
 </template>
 
 <script>
 export default {
-  name: 'navIconWikipedia'
+  name: 'NavIconWikipedia'
 }
 </script>

src/icons-vue/nav-icon/nav-icon.vue

@@ -1,19 +1,19 @@
 <template>
   <div class="nav-icon">
-    <slot></slot>
+    <slot />
   </div>
 </template>
 
-<style>
-.nav-icon > span {
-  display: block;
-}
-</style>
-
 <script>
 export default {
-  name: 'navIcon'
+  name: 'NavIcon'
 }
 </script>
 <script setup>
 </script>
+
+<style>
+.nav-icon > span {
+  display: block;
+}
+</style>

src/icons-vue/nav-iconcl-baidu.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont-coloru icon-cl-baidu"></span>
+  <span class="iconfont-coloru icon-cl-baidu" />
 </template>
 
 <script>
 export default {
-  name: 'navIconclBaidu'
+  name: 'NavIconclBaidu'
 }
 </script>

src/icons-vue/nav-iconcl-bing.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont-coloru icon-cl-bing"></span>
+  <span class="iconfont-coloru icon-cl-bing" />
 </template>
 
 <script>
 export default {
-  name: 'navIconclBing'
+  name: 'NavIconclBing'
 }
 </script>

src/icons-vue/nav-iconcl-google.vue

@@ -1,9 +1,9 @@
 <template>
-  <span class="iconfont-coloru icon-cl-google"></span>
+  <span class="iconfont-coloru icon-cl-google" />
 </template>
 
 <script>
 export default {
-  name: 'navIconclGoogle'
+  name: 'NavIconclGoogle'
 }
 </script>