style: format

src/client/theme-default/components/VPFlyout.vue

@@ -59,10 +59,6 @@ function onBlur() {
   position: relative;
 }
 
-.VPFlyout.active .text {
-  color: var(--vp-c-brand);
-}
-
 .VPFlyout:hover {
   color: var(--vp-c-bland);
   transition: color 0.25s;
@@ -76,6 +72,14 @@ function onBlur() {
   fill: var(--vp-c-text-2);
 }
 
+.VPFlyout.active .text {
+  color: var(--vp-c-brand);
+}
+
+.VPFlyout.active:hover .text {
+  color: var(--vp-c-brand-dark);
+}
+
 .VPFlyout:hover .menu,
 .button[aria-expanded="true"] + .menu {
   opacity: 1;

src/client/theme-default/components/VPNavBarMenuGroup.vue

@@ -1,12 +1,13 @@
 <script lang="ts" setup>
-import type { DefaultTheme } from 'vitepress/theme'
-import VPFlyout from './VPFlyout.vue'
 import { useData } from 'vitepress'
+import type { DefaultTheme } from 'vitepress/theme'
 import { isActive } from '../support/utils'
+import VPFlyout from './VPFlyout.vue'
 
 defineProps<{
   item: DefaultTheme.NavItemWithChildren
 }>()
+
 const { page } = useData()
 </script>
 
@@ -23,4 +24,4 @@ const { page } = useData()
     :button="item.text"
     :items="item.items"
   />
-</template>
+</template>