chore: format code

packages/business/common-ui/src/authentication/code-login.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { VbenButton, VbenInput, VbenPinInput } from '@vben-core/shadcn-ui';
+import type { LoginCodeEmits } from './typings';
 
-import { $t } from '@vben/locales';
 import { computed, onBeforeUnmount, reactive, ref } from 'vue';
 import { useRouter } from 'vue-router';
 
-import Title from './auth-title.vue';
+import { $t } from '@vben/locales';
+import { VbenButton, VbenInput, VbenPinInput } from '@vben-core/shadcn-ui';
 
-import type { LoginCodeEmits } from './typings';
+import Title from './auth-title.vue';
 
 interface Props {
   /**

packages/business/common-ui/src/authentication/forget-password.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { VbenButton, VbenInput } from '@vben-core/shadcn-ui';
-
-import { $t } from '@vben/locales';
 import { computed, reactive } from 'vue';
 import { useRouter } from 'vue-router';
 
+import { $t } from '@vben/locales';
+import { VbenButton, VbenInput } from '@vben-core/shadcn-ui';
+
 import Title from './auth-title.vue';
 
 interface Props {

packages/business/common-ui/src/authentication/login.vue

@@ -1,4 +1,10 @@
 <script setup lang="ts">
+import type { LoginEmits } from './typings';
+
+import { computed, reactive } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { $t } from '@vben/locales';
 import {
   VbenButton,
   VbenCheckbox,
@@ -6,15 +12,9 @@ import {
   VbenInputPassword,
 } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
-import { computed, reactive } from 'vue';
-import { useRouter } from 'vue-router';
-
 import Title from './auth-title.vue';
 import ThirdPartyLogin from './third-party-login.vue';
 
-import type { LoginEmits } from './typings';
-
 interface Props {
   /**
    * @zh_CN 验证码登录路径

packages/business/common-ui/src/authentication/qrcode-login.vue

@@ -1,11 +1,12 @@
 <script setup lang="ts">
-import { VbenButton } from '@vben-core/shadcn-ui';
-
-import { $t } from '@vben/locales';
-import { useQRCode } from '@vueuse/integrations/useQRCode';
 import { ref } from 'vue';
 import { useRouter } from 'vue-router';
 
+import { $t } from '@vben/locales';
+import { VbenButton } from '@vben-core/shadcn-ui';
+
+import { useQRCode } from '@vueuse/integrations/useQRCode';
+
 import Title from './auth-title.vue';
 
 interface Props {

packages/business/common-ui/src/authentication/register.vue

@@ -1,4 +1,10 @@
 <script setup lang="ts">
+import type { RegisterEmits } from './typings';
+
+import { computed, reactive } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { $t } from '@vben/locales';
 import {
   VbenButton,
   VbenCheckbox,
@@ -6,14 +12,8 @@ import {
   VbenInputPassword,
 } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
-import { computed, reactive } from 'vue';
-import { useRouter } from 'vue-router';
-
 import Title from './auth-title.vue';
 
-import type { RegisterEmits } from './typings';
-
 interface Props {
   /**
    * @zh_CN 是否处于加载处理状态

packages/business/common-ui/src/authentication/third-party-login.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
+import { $t } from '@vben/locales';
 import { MdiGithub, MdiGoogle, MdiQqchat, MdiWechat } from '@vben-core/iconify';
 import { VbenIconButton } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
-
 defineOptions({
   name: 'ThirdPartyLogin',
 });

packages/business/common-ui/src/authentication/widgets/layout-toggle.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { VbenDropdownMenuItem } from '@vben-core/shadcn-ui';
 
+import { computed } from 'vue';
+
+import { $t } from '@vben/locales';
 import { MdiDockBottom, MdiDockLeft, MdiDockRight } from '@vben-core/iconify';
 import { preferences, usePreferences } from '@vben-core/preferences';
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
-import { computed } from 'vue';
-
 defineOptions({
   name: 'AuthenticationLayoutToggle',
 });

packages/business/common-ui/src/fallback/fallback.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
-import { IcRoundArrowBackIosNew } from '@vben-core/iconify';
-import { VbenButton } from '@vben-core/shadcn-ui';
-
-import { $t } from '@vben/locales';
 import { computed } from 'vue';
 import { useRouter } from 'vue-router';
 
+import { $t } from '@vben/locales';
+import { IcRoundArrowBackIosNew } from '@vben-core/iconify';
+import { VbenButton } from '@vben-core/shadcn-ui';
+
 import FeedbackIcon from './icons/fallback-icon.vue';
 
 interface Props {

packages/business/common-ui/src/global-search/global-search.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben/types';
 
+import { ref } from 'vue';
+
+import { $t } from '@vben/locales';
 import {
   IcRoundArrowDownward,
   IcRoundArrowUpward,
@@ -19,9 +22,7 @@ import {
 } from '@vben-core/shadcn-ui';
 import { isWindowsOs } from '@vben-core/toolkit';
 
-import { $t } from '@vben/locales';
 import { useMagicKeys, useToggle, whenever } from '@vueuse/core';
-import { ref } from 'vue';
 
 import SearchPanel from './search-panel.vue';
 

packages/business/common-ui/src/global-search/search-panel.vue

@@ -1,14 +1,15 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben/types';
 
+import { nextTick, onMounted, ref, shallowRef, watch } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { $t } from '@vben/locales';
 import { IcRoundClose, IcRoundSearchOff } from '@vben-core/iconify';
 import { ScrollArea, VbenIcon } from '@vben-core/shadcn-ui';
 import { mapTree, traverseTreeValues } from '@vben-core/toolkit';
 
-import { $t } from '@vben/locales';
 import { onKeyStroke, useLocalStorage, useThrottleFn } from '@vueuse/core';
-import { nextTick, onMounted, ref, shallowRef, watch } from 'vue';
-import { useRouter } from 'vue-router';
 
 defineOptions({
   name: 'SearchPanel',

packages/business/common-ui/src/language-toggle/language-toggle.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { SupportedLanguagesType } from '@vben/types';
 
+import { loadLocaleMessages } from '@vben/locales';
 import { IcBaselineLanguage } from '@vben-core/iconify';
 import {
   SUPPORT_LANGUAGES,
@@ -9,8 +10,6 @@ import {
 } from '@vben-core/preferences';
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
 
-import { loadLocaleMessages } from '@vben/locales';
-
 defineOptions({
   name: 'LanguageToggle',
 });

packages/business/common-ui/src/notification/notification.vue

@@ -1,4 +1,7 @@
 <script lang="ts" setup>
+import type { NotificationItem } from './interface';
+
+import { $t } from '@vben/locales';
 import {
   IcRoundMarkEmailRead,
   IcRoundNotificationsNone,
@@ -10,11 +13,8 @@ import {
   VbenPopover,
 } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
 import { useToggle } from '@vueuse/core';
 
-import type { NotificationItem } from './interface';
-
 interface Props {
   /**
    * 显示圆点

packages/business/common-ui/src/preferences/blocks/general/general.vue

@@ -1,9 +1,8 @@
 <script setup lang="ts">
 import type { SelectListItem } from '@vben/types';
 
-import { SUPPORT_LANGUAGES } from '@vben-core/preferences';
-
 import { $t } from '@vben/locales';
+import { SUPPORT_LANGUAGES } from '@vben-core/preferences';
 
 import SelectItem from '../select-item.vue';
 import SwitchItem from '../switch-item.vue';

packages/business/common-ui/src/preferences/blocks/layout/content.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { $t } from '@vben/locales';
 import { type Component, computed } from 'vue';
 
+import { $t } from '@vben/locales';
+
 import { ContentCompact, ContentWide } from '../../icons';
 
 defineOptions({

packages/business/common-ui/src/preferences/blocks/layout/layout.vue

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

packages/business/common-ui/src/preferences/blocks/select-item.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { SelectListItem } from '@vben/types';
 
+import { useSlots } from 'vue';
+
 import { MdiQuestionMarkCircleOutline } from '@vben-core/iconify';
 import {
   Select,
@@ -11,8 +13,6 @@ import {
   VbenTooltip,
 } from '@vben-core/shadcn-ui';
 
-import { useSlots } from 'vue';
-
 defineOptions({
   name: 'PreferenceSelectItem',
 });

packages/business/common-ui/src/preferences/blocks/switch-item.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
+import { useSlots } from 'vue';
+
 import { MdiQuestionMarkCircleOutline } from '@vben-core/iconify';
 import { Switch, VbenTooltip } from '@vben-core/shadcn-ui';
 
-import { useSlots } from 'vue';
-
 defineOptions({
   name: 'PreferenceSwitchItem',
 });

packages/business/common-ui/src/preferences/blocks/theme/color.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
+import type { CSSProperties } from 'vue';
+import { computed, ref, watch, watchEffect } from 'vue';
+
 import { MdiEditBoxOutline } from '@vben-core/iconify';
 import { TinyColor, convertToHsl } from '@vben-core/toolkit';
 
-import type { CSSProperties } from 'vue';
-
-import { computed, ref, watch, watchEffect } from 'vue';
-
 defineOptions({
   name: 'PreferenceColor',
 });

packages/business/common-ui/src/preferences/blocks/theme/theme.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
+import { $t } from '@vben/locales';
 import {
   IcRoundMotionPhotosAuto,
   IcRoundWbSunny,
   MdiMoonAndStars,
 } from '@vben-core/iconify';
 
-import { $t } from '@vben/locales';
-
 import SwitchItem from '../switch-item.vue';
 
 defineOptions({

packages/business/common-ui/src/preferences/preferences-widget.vue

@@ -1,14 +1,13 @@
 <script lang="ts" setup>
 import type { SupportedLanguagesType } from '@vben/types';
 
+import { loadLocaleMessages } from '@vben/locales';
 import {
   COLOR_PRIMARY_RESETS,
   flatPreferences,
   updatePreferences,
 } from '@vben-core/preferences';
 
-import { loadLocaleMessages } from '@vben/locales';
-
 import Preferences from './preferences.vue';
 
 function updateLocale(value: string) {

packages/business/common-ui/src/preferences/preferences.vue

@@ -2,6 +2,9 @@
 import type { LayoutHeaderModeType, LayoutType } from '@vben/types';
 import type { SegmentedItem } from '@vben-core/shadcn-ui';
 
+import { computed } from 'vue';
+
+import { $t } from '@vben/locales';
 import { IcRoundFolderCopy, IcRoundRestartAlt } from '@vben-core/iconify';
 import {
   preferences,
@@ -16,9 +19,7 @@ import {
   toast,
 } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
 import { useClipboard } from '@vueuse/core';
-import { computed } from 'vue';
 
 import {
   Animation,

packages/business/common-ui/src/preferences/trigger.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
-import { VbenButton } from '@vben-core/shadcn-ui';
-
 import { $t } from '@vben/locales';
+import { VbenButton } from '@vben-core/shadcn-ui';
 
 import IconSetting from './icons/setting.vue';
 

packages/business/common-ui/src/theme-toggle/theme-button.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
+import { computed, nextTick } from 'vue';
+
 import { VbenButton } from '@vben-core/shadcn-ui';
 import { useNamespace } from '@vben-core/toolkit';
 
-import { computed, nextTick } from 'vue';
-
 interface Props {
   /**
    * 类型

packages/business/common-ui/src/theme-toggle/theme-toggle.vue

@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { $t } from '@vben/locales';
 import {
   IcRoundMotionPhotosAuto,
   IcRoundWbSunny,
@@ -15,8 +16,6 @@ import {
   VbenTooltip,
 } from '@vben-core/shadcn-ui';
 
-import { $t } from '@vben/locales';
-
 import ThemeButton from './theme-button.vue';
 
 defineOptions({

packages/business/common-ui/src/user-dropdown/user-dropdown.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import type { AnyFunction } from '@vben/types';
 
+import type { Component } from 'vue';
+import { computed, ref } from 'vue';
+
+import { $t } from '@vben/locales';
 import { IcRoundLogout, IcRoundSettingsSuggest } from '@vben-core/iconify';
 import { preferences } from '@vben-core/preferences';
 import {
@@ -18,11 +22,7 @@ import {
 } from '@vben-core/shadcn-ui';
 import { isWindowsOs } from '@vben-core/toolkit';
 
-import type { Component } from 'vue';
-
-import { $t } from '@vben/locales';
 import { useMagicKeys, whenever } from '@vueuse/core';
-import { computed, ref } from 'vue';
 
 import { useOpenPreferences } from '../preferences/use-open-preferences';
 

packages/business/layouts/src/authentication/authentication.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { preferences, usePreferences } from '@vben-core/preferences';
+import { computed } from 'vue';
 
 import { $t } from '@vben/locales';
-import { computed } from 'vue';
+import { preferences, usePreferences } from '@vben-core/preferences';
 
 import AuthenticationFromView from './from-view.vue';
 import SloganIcon from './icons/slogan.vue';

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

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
+import type { RouteLocationNormalizedLoaded } from 'vue-router';
+
 import { preferences, usePreferences } from '@vben-core/preferences';
 import { storeToRefs, useTabsStore } from '@vben-core/stores';
-import type { RouteLocationNormalizedLoaded } from 'vue-router';
 
 import { IFrameRouterView } from '../../iframe';
 

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

@@ -1,10 +1,9 @@
 <script lang="ts" setup>
+import { GlobalSearch, LanguageToggle, ThemeToggle } from '@vben/common-ui';
 import { preferences } from '@vben-core/preferences';
 import { VbenFullScreen } from '@vben-core/shadcn-ui';
 import { useAccessStore } from '@vben-core/stores';
 
-import { GlobalSearch, LanguageToggle, ThemeToggle } from '@vben/common-ui';
-
 interface Props {
   /**
    * Logo 主题

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

@@ -1,4 +1,8 @@
 <script lang="ts" setup>
+import { computed } from 'vue';
+
+import { PreferencesWidget } from '@vben/common-ui';
+import { $t } from '@vben/locales';
 import { VbenAdminLayout } from '@vben-core/layout-ui';
 import {
   flatPreferences,
@@ -14,10 +18,6 @@ import {
 import { mapTree } from '@vben-core/toolkit';
 import { MenuRecordRaw } from '@vben-core/typings';
 
-import { PreferencesWidget } from '@vben/common-ui';
-import { $t } from '@vben/locales';
-import { computed } from 'vue';
-
 import { LayoutContent } from './content';
 import { LayoutFooter } from './footer';
 import { LayoutHeader } from './header';

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

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben-core/typings';
 
-import { Menu, MenuProps } from '@vben-core/menu-ui';
-
 import { useRoute } from 'vue-router';
 
+import { Menu, MenuProps } from '@vben-core/menu-ui';
+
 import { useNavigation } from './use-navigation';
 
 interface Props extends MenuProps {

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

@@ -2,12 +2,12 @@
 import type { NormalMenuProps } from '@vben-core/menu-ui';
 import type { MenuRecordRaw } from '@vben-core/typings';
 
-import { NormalMenu } from '@vben-core/menu-ui';
-import { useAccessStore } from '@vben-core/stores';
-
 import { computed, onBeforeMount } from 'vue';
 import { useRoute } from 'vue-router';
 
+import { NormalMenu } from '@vben-core/menu-ui';
+import { useAccessStore } from '@vben-core/stores';
+
 import { findMenuByPath } from './helper';
 
 interface Props extends NormalMenuProps {}

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

@@ -1,11 +1,11 @@
 import type { MenuRecordRaw } from '@vben-core/typings';
 
-import { preferences } from '@vben-core/preferences';
-import { useAccessStore } from '@vben-core/stores';
-
 import { computed, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
+import { preferences } from '@vben-core/preferences';
+import { useAccessStore } from '@vben-core/stores';
+
 import { findRootMenuByPath } from './helper';
 import { useNavigation } from './use-navigation';
 

packages/business/layouts/src/basic/menu/use-mixed-menu.ts

@@ -1,11 +1,11 @@
 import type { MenuRecordRaw } from '@vben-core/typings';
 
-import { preferences, usePreferences } from '@vben-core/preferences';
-import { useAccessStore } from '@vben-core/stores';
-
 import { computed, onBeforeMount, ref } from 'vue';
 import { useRoute } from 'vue-router';
 
+import { preferences, usePreferences } from '@vben-core/preferences';
+import { useAccessStore } from '@vben-core/stores';
+
 import { findRootMenuByPath } from './helper';
 import { useNavigation } from './use-navigation';
 

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

@@ -1,7 +1,7 @@
-import { isHttpUrl, openWindow } from '@vben-core/toolkit';
-
 import { useRouter } from 'vue-router';
 
+import { isHttpUrl, openWindow } from '@vben-core/toolkit';
+
 function useNavigation() {
   const router = useRouter();
 

packages/business/layouts/src/basic/tabs/tabs-toolbar.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { preferences, updatePreferences } from '@vben-core/preferences';
-import { TabsMore, TabsScreen } from '@vben-core/tabs-ui';
-
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 
+import { preferences, updatePreferences } from '@vben-core/preferences';
+import { TabsMore, TabsScreen } from '@vben-core/tabs-ui';
+
 import { useTabs } from './use-tabs';
 
 const route = useRoute();

packages/business/layouts/src/basic/tabs/use-tabs.ts

@@ -1,6 +1,14 @@
 import type { IContextMenuItem } from '@vben-core/tabs-ui';
 import type { TabItem } from '@vben-core/typings';
+import type {
+  RouteLocationNormalized,
+  RouteRecordNormalized,
+} from 'vue-router';
 
+import { computed, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+
+import { $t } from '@vben/locales';
 import {
   IcRoundClose,
   IcRoundMultipleStop,
@@ -13,14 +21,6 @@ import {
 } from '@vben-core/iconify';
 import { storeToRefs, useAccessStore, useTabsStore } from '@vben-core/stores';
 import { filterTree } from '@vben-core/toolkit';
-import type {
-  RouteLocationNormalized,
-  RouteRecordNormalized,
-} from 'vue-router';
-
-import { $t } from '@vben/locales';
-import { computed, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
 
 function useTabs() {
   const router = useRouter();

packages/business/layouts/src/basic/widgets/breadcrumb.vue

@@ -2,12 +2,12 @@
 import type { BreadcrumbStyleType } from '@vben-core/preferences';
 import type { IBreadcrumb } from '@vben-core/shadcn-ui';
 
-import { VbenBackgroundBreadcrumb, VbenBreadcrumb } from '@vben-core/shadcn-ui';
-
-import { $t } from '@vben/locales';
 import { computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
+import { $t } from '@vben/locales';
+import { VbenBackgroundBreadcrumb, VbenBreadcrumb } from '@vben-core/shadcn-ui';
+
 interface Props {
   hideWhenOnlyOne?: boolean;
   showHome?: boolean;

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

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
-import { preferences } from '@vben-core/preferences';
-import { useTabsStore } from '@vben-core/stores';
-
-import { Spinner } from '@vben/common-ui';
 import { computed, ref } from 'vue';
 import { type RouteLocationNormalized, useRoute } from 'vue-router';
 
+import { Spinner } from '@vben/common-ui';
+import { preferences } from '@vben-core/preferences';
+import { useTabsStore } from '@vben-core/stores';
+
 defineOptions({ name: 'IFrameRouterView' });
 
 const spinning = ref(true);