From c6081913d2d48281a4cae612046fc673c60f4bb5 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Tue, 18 Jul 2023 21:35:22 +0800
Subject: [PATCH] style: fix lint

---
 .../theme/src/client/components/AutoLink.vue  | 12 +++++++++---
 .../src/client/components/Flyout/index.vue    | 19 +++++++++++++++----
 packages/theme/src/client/components/Home.vue |  8 +++++++-
 3 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/packages/theme/src/client/components/AutoLink.vue b/packages/theme/src/client/components/AutoLink.vue
index f0cbf4e3..12082efd 100644
--- a/packages/theme/src/client/components/AutoLink.vue
+++ b/packages/theme/src/client/components/AutoLink.vue
@@ -30,9 +30,15 @@ const linkTo = (e: Event) => {
 </script>
 
 <template>
-  <Component :is="tag" class="auto-link" :class="{ link: href }" :href="href ? normalizeLink(href) : undefined"
-    :target="target || (isExternal ? '_blank' : undefined)" :rel="rel || (isExternal ? 'noreferrer' : undefined)"
-    @click="linkTo($event)">
+  <Component
+    :is="tag"
+    class="auto-link"
+    :class="{ link: href }"
+    :href="href ? normalizeLink(href) : undefined"
+    :target="target || (isExternal ? '_blank' : undefined)"
+    :rel="rel || (isExternal ? 'noreferrer' : undefined)"
+    @click="linkTo($event)"
+  >
     <slot />
     <IconExternalLink v-if="isExternal && !noIcon" class="icon" />
   </Component>
diff --git a/packages/theme/src/client/components/Flyout/index.vue b/packages/theme/src/client/components/Flyout/index.vue
index e419c8d2..6bcc3106 100644
--- a/packages/theme/src/client/components/Flyout/index.vue
+++ b/packages/theme/src/client/components/Flyout/index.vue
@@ -31,9 +31,20 @@ export default {
 </script>
 
 <template>
-  <div ref="el" class="flyout-wrapper" @mouseenter="open = true" @mouseleave="open = false">
-    <button type="button" class="button" aria-haspopup="true" :aria-expanded="open" :aria-label="label"
-      @click="open = !open">
+  <div
+    ref="el"
+    class="flyout-wrapper"
+    @mouseenter="open = true"
+    @mouseleave="open = false"
+  >
+    <button
+      type="button"
+      class="button"
+      aria-haspopup="true"
+      :aria-expanded="open"
+      :aria-label="label"
+      @click="open = !open"
+    >
       <span v-if="button || icon" class="text">
         <Icon v-if="prefixIcon" :name="prefixIcon" />
         <Component :is="icon" v-if="icon" class="option-icon" />
@@ -79,7 +90,7 @@ export default {
 }
 
 .flyout-wrapper:hover .menu,
-.button[aria-expanded='true']+.menu {
+.button[aria-expanded='true'] + .menu {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
diff --git a/packages/theme/src/client/components/Home.vue b/packages/theme/src/client/components/Home.vue
index 3108145a..d097e621 100644
--- a/packages/theme/src/client/components/Home.vue
+++ b/packages/theme/src/client/components/Home.vue
@@ -52,7 +52,13 @@ const actions = computed(() => {
         <p v-if="text" class="hero-text">{{ text }}</p>
         <div v-if="actions" class="actions">
           <div v-for="action in actions" :key="action.link" class="action">
-            <VButton tag="a" size="medium" :theme="action.theme" :text="action.text" :href="action.link" />
+            <VButton
+              tag="a"
+              size="medium"
+              :theme="action.theme"
+              :text="action.text"
+              :href="action.link"
+            />
           </div>
         </div>
       </div>