perf: format code with better style (#5283)

packages/effects/layouts/src/basic/content/content.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
+import type { VNode } from 'vue';
 import type {
   RouteLocationNormalizedLoaded,
   RouteLocationNormalizedLoadedGeneric,
 } from 'vue-router';
 
-import { type VNode } from 'vue';
 import { RouterView } from 'vue-router';
 
 import { preferences, usePreferences } from '@vben/preferences';

packages/effects/layouts/src/basic/content/index.ts

@@ -1,2 +1,2 @@
-export { default as LayoutContent } from './content.vue';
 export { default as LayoutContentSpinner } from './content-spinner.vue';
+export { default as LayoutContent } from './content.vue';

packages/effects/layouts/src/basic/header/header.vue

@@ -5,6 +5,7 @@ import { useRefresh } from '@vben/hooks';
 import { RotateCw } from '@vben/icons';
 import { preferences, usePreferences } from '@vben/preferences';
 import { useAccessStore } from '@vben/stores';
+
 import { VbenFullScreen, VbenIconButton } from '@vben-core/shadcn-ui';
 
 import {

packages/effects/layouts/src/basic/layout.vue

@@ -1,7 +1,9 @@
 <script lang="ts" setup>
+import type { SetupContext } from 'vue';
+
 import type { MenuRecordRaw } from '@vben/types';
 
-import { computed, type SetupContext, useSlots, watch } from 'vue';
+import { computed, useSlots, watch } from 'vue';
 
 import { useRefresh } from '@vben/hooks';
 import { $t } from '@vben/locales';
@@ -12,6 +14,7 @@ import {
 } from '@vben/preferences';
 import { useLockStore } from '@vben/stores';
 import { cloneDeep, mapTree } from '@vben/utils';
+
 import { VbenAdminLayout } from '@vben-core/layout-ui';
 import { VbenBackTop, VbenLogo } from '@vben-core/shadcn-ui';
 

packages/effects/layouts/src/basic/menu/extra-menu.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben/types';
+
 import type { MenuProps } from '@vben-core/menu-ui';
 
 import { useRoute } from 'vue-router';

packages/effects/layouts/src/basic/menu/menu.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben/types';
+
 import type { MenuProps } from '@vben-core/menu-ui';
 
 import { Menu } from '@vben-core/menu-ui';

packages/effects/layouts/src/basic/menu/mixed-menu.vue

@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben/types';
+
 import type { NormalMenuProps } from '@vben-core/menu-ui';
 
 import { onBeforeMount } from 'vue';
 import { useRoute } from 'vue-router';
 
 import { findMenuByPath } from '@vben/utils';
+
 import { NormalMenu } from '@vben-core/menu-ui';
 
 interface Props extends NormalMenuProps {}

packages/effects/layouts/src/basic/menu/use-extra-menu.ts

@@ -1,6 +1,8 @@
+import type { ComputedRef } from 'vue';
+
 import type { MenuRecordRaw } from '@vben/types';
 
-import { computed, type ComputedRef, ref, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 
 import { preferences } from '@vben/preferences';

packages/effects/layouts/src/basic/menu/use-navigation.ts

@@ -1,4 +1,6 @@
-import { type RouteRecordNormalized, useRouter } from 'vue-router';
+import type { RouteRecordNormalized } from 'vue-router';
+
+import { useRouter } from 'vue-router';
 
 import { isHttpUrl, openRouteInNewWindow, openWindow } from '@vben/utils';
 

packages/effects/layouts/src/basic/tabbar/tabbar.vue

@@ -5,6 +5,7 @@ import { useRoute } from 'vue-router';
 import { useContentMaximize, useTabs } from '@vben/hooks';
 import { preferences } from '@vben/preferences';
 import { useTabbarStore } from '@vben/stores';
+
 import { TabsToolMore, TabsToolScreen, TabsView } from '@vben-core/tabs-ui';
 
 import { useTabbar } from './use-tabbar';

packages/effects/layouts/src/basic/tabbar/use-tabbar.ts

@@ -1,7 +1,9 @@
-import type { TabDefinition } from '@vben/types';
-import type { IContextMenuItem } from '@vben-core/tabs-ui';
 import type { RouteLocationNormalizedGeneric } from 'vue-router';
 
+import type { TabDefinition } from '@vben/types';
+
+import type { IContextMenuItem } from '@vben-core/tabs-ui';
+
 import { computed, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 

packages/effects/layouts/src/iframe/iframe-router-view.vue

@@ -6,6 +6,7 @@ import { useRoute } from 'vue-router';
 
 import { preferences } from '@vben/preferences';
 import { useTabbarStore } from '@vben/stores';
+
 import { VbenSpinner } from '@vben-core/shadcn-ui';
 
 defineOptions({ name: 'IFrameRouterView' });

packages/effects/layouts/src/widgets/breadcrumb.vue

@@ -1,11 +1,13 @@
 <script lang="ts" setup>
 import type { BreadcrumbStyleType } from '@vben/types';
+
 import type { IBreadcrumb } from '@vben-core/shadcn-ui';
 
 import { computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 import { $t } from '@vben/locales';
+
 import { VbenBreadcrumbView } from '@vben-core/shadcn-ui';
 
 interface Props {

packages/effects/layouts/src/widgets/check-updates/check-updates.vue

@@ -2,6 +2,7 @@
 import { onMounted, onUnmounted, ref } from 'vue';
 
 import { $t } from '@vben/locales';
+
 import { useVbenModal } from '@vben-core/popup-ui';
 
 interface Props {

packages/effects/layouts/src/widgets/color-toggle.vue

@@ -7,6 +7,7 @@ import {
   preferences,
   updatePreferences,
 } from '@vben/preferences';
+
 import { VbenIconButton } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/global-search/global-search.vue

@@ -12,6 +12,7 @@ import {
 } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { isWindowsOs } from '@vben/utils';
+
 import { useVbenModal } from '@vben-core/popup-ui';
 
 import { useMagicKeys, whenever } from '@vueuse/core';

packages/effects/layouts/src/widgets/global-search/search-panel.vue

@@ -7,6 +7,7 @@ import { useRouter } from 'vue-router';
 import { SearchX, X } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { mapTree, traverseTreeValues, uniqueByField } from '@vben/utils';
+
 import { VbenIcon, VbenScrollbar } from '@vben-core/shadcn-ui';
 import { isHttpUrl } from '@vben-core/shared/utils';
 

packages/effects/layouts/src/widgets/language-toggle.vue

@@ -5,6 +5,7 @@ import { SUPPORT_LANGUAGES } from '@vben/constants';
 import { Languages } from '@vben/icons';
 import { loadLocaleMessages } from '@vben/locales';
 import { preferences, updatePreferences } from '@vben/preferences';
+
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/layout-toggle.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import type { AuthPageLayoutType } from '@vben/types';
+
 import type { VbenDropdownMenuItem } from '@vben-core/shadcn-ui';
 
 import { computed } from 'vue';
@@ -11,6 +12,7 @@ import {
   updatePreferences,
   usePreferences,
 } from '@vben/preferences';
+
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/lock-screen/index.ts

@@ -1,2 +1,2 @@
-export { default as LockScreen } from './lock-screen.vue';
 export { default as LockScreenModal } from './lock-screen-modal.vue';
+export { default as LockScreen } from './lock-screen.vue';

packages/effects/layouts/src/widgets/lock-screen/lock-screen-modal.vue

@@ -4,6 +4,7 @@ import type { Recordable } from '@vben/types';
 import { computed, reactive } from 'vue';
 
 import { $t } from '@vben/locales';
+
 import { useVbenForm, z } from '@vben-core/form-ui';
 import { useVbenModal } from '@vben-core/popup-ui';
 import { VbenAvatar, VbenButton } from '@vben-core/shadcn-ui';

packages/effects/layouts/src/widgets/lock-screen/lock-screen.vue

@@ -4,6 +4,7 @@ import { computed, reactive, ref } from 'vue';
 import { LockKeyhole } from '@vben/icons';
 import { $t, useI18n } from '@vben/locales';
 import { storeToRefs, useLockStore } from '@vben/stores';
+
 import { useScrollLock } from '@vben-core/composables';
 import { useVbenForm, z } from '@vben-core/form-ui';
 import { VbenAvatar, VbenButton } from '@vben-core/shadcn-ui';

packages/effects/layouts/src/widgets/notification/notification.vue

@@ -3,6 +3,7 @@ import type { NotificationItem } from './types';
 
 import { Bell, MailCheck } from '@vben/icons';
 import { $t } from '@vben/locales';
+
 import {
   VbenButton,
   VbenIconButton,

packages/effects/layouts/src/widgets/preferences/blocks/input-item.vue

@@ -4,6 +4,7 @@ import type { SelectOption } from '@vben/types';
 import { useSlots } from 'vue';
 
 import { CircleHelp } from '@vben/icons';
+
 import { Input, VbenTooltip } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/preferences/blocks/layout/content.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { type Component, computed } from 'vue';
+import type { Component } from 'vue';
+
+import { computed } from 'vue';
 
 import { $t } from '@vben/locales';
 

packages/effects/layouts/src/widgets/preferences/blocks/layout/layout.vue

@@ -1,10 +1,13 @@
 <script setup lang="ts">
+import type { Component } from 'vue';
+
 import type { LayoutType } from '@vben/types';
 
-import { type Component, computed } from 'vue';
+import { computed } from 'vue';
 
 import { CircleHelp } from '@vben/icons';
 import { $t } from '@vben/locales';
+
 import { VbenTooltip } from '@vben-core/shadcn-ui';
 
 import {

packages/effects/layouts/src/widgets/preferences/blocks/number-field-item.vue

@@ -4,6 +4,7 @@ import type { SelectOption } from '@vben/types';
 import { useSlots } from 'vue';
 
 import { CircleHelp } from '@vben/icons';
+
 import {
   NumberField,
   NumberFieldContent,

packages/effects/layouts/src/widgets/preferences/blocks/select-item.vue

@@ -4,6 +4,7 @@ import type { SelectOption } from '@vben/types';
 import { useSlots } from 'vue';
 
 import { CircleHelp } from '@vben/icons';
+
 import {
   Select,
   SelectContent,

packages/effects/layouts/src/widgets/preferences/blocks/switch-item.vue

@@ -2,6 +2,7 @@
 import { useSlots } from 'vue';
 
 import { CircleHelp } from '@vben/icons';
+
 import { Switch, VbenTooltip } from '@vben-core/shadcn-ui';
 
 defineOptions({

packages/effects/layouts/src/widgets/preferences/blocks/theme/builtin.vue

@@ -1,14 +1,12 @@
 <script setup lang="ts">
+import type { BuiltinThemePreset } from '@vben/preferences';
 import type { BuiltinThemeType } from '@vben/types';
 
 import { computed, ref } from 'vue';
 
 import { UserRoundPen } from '@vben/icons';
 import { $t } from '@vben/locales';
-import {
-  BUILT_IN_THEME_PRESETS,
-  type BuiltinThemePreset,
-} from '@vben/preferences';
+import { BUILT_IN_THEME_PRESETS } from '@vben/preferences';
 import { convertToHsl, TinyColor } from '@vben/utils';
 
 defineOptions({

packages/effects/layouts/src/widgets/preferences/blocks/theme/theme.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { ThemeModeType } from '@vben/types';
-
 import type { Component } from 'vue';
 
+import type { ThemeModeType } from '@vben/types';
+
 import { MoonStar, Sun, SunMoon } from '@vben/icons';
 import { $t } from '@vben/locales';
 

packages/effects/layouts/src/widgets/preferences/index.ts

@@ -1,3 +1,3 @@
-export { default as Preferences } from './preferences.vue';
 export { default as PreferencesButton } from './preferences-button.vue';
+export { default as Preferences } from './preferences.vue';
 export * from './use-open-preferences';

packages/effects/layouts/src/widgets/preferences/preferences-button.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import { Settings } from '@vben/icons';
+
 import { VbenIconButton } from '@vben-core/shadcn-ui';
 
 import Preferences from './preferences.vue';

packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue

@@ -11,6 +11,7 @@ import type {
   PreferencesButtonPositionType,
   ThemeModeType,
 } from '@vben/types';
+
 import type { SegmentedItem } from '@vben-core/shadcn-ui';
 
 import { computed, ref } from 'vue';
@@ -23,6 +24,7 @@ import {
   resetPreferences,
   usePreferences,
 } from '@vben/preferences';
+
 import { useVbenDrawer } from '@vben-core/popup-ui';
 import {
   VbenButton,

packages/effects/layouts/src/widgets/preferences/preferences.vue

@@ -5,6 +5,7 @@ import { Settings } from '@vben/icons';
 import { $t, loadLocaleMessages } from '@vben/locales';
 import { preferences, updatePreferences } from '@vben/preferences';
 import { capitalizeFirstLetter } from '@vben/utils';
+
 import { useVbenDrawer } from '@vben-core/popup-ui';
 import { VbenButton } from '@vben-core/shadcn-ui';
 

packages/effects/layouts/src/widgets/theme-toggle/theme-toggle.vue

@@ -8,6 +8,7 @@ import {
   updatePreferences,
   usePreferences,
 } from '@vben/preferences';
+
 import {
   ToggleGroup,
   ToggleGroupItem,

packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import type { Component } from 'vue';
+
 import type { AnyFunction } from '@vben/types';
 
-import type { Component } from 'vue';
 import { computed, useTemplateRef, watch } from 'vue';
 
 import { useHoverToggle } from '@vben/hooks';
@@ -10,6 +11,7 @@ import { $t } from '@vben/locales';
 import { preferences, usePreferences } from '@vben/preferences';
 import { useLockStore } from '@vben/stores';
 import { isWindowsOs } from '@vben/utils';
+
 import { useVbenModal } from '@vben-core/popup-ui';
 import {
   Badge,