perf: code prettier

Author: ZhaoJiSen

.prettierrc

@@ -4,7 +4,7 @@
   "tabWidth": 2,
   "useTabs": false,
   "trailingComma": "none",
-  "printWidth": 100,
+  "printWidth": 120,
   "bracketSpacing": true,
   "arrowParens": "always",
   "endOfLine": "lf",

package.json

@@ -22,7 +22,7 @@
     "tauri:build": "tauri build",
     "tauri:build:debug": "tauri build --debug",
     "cleanup": "./cleanup.sh",
-    "prettier": "prettier --write \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
+    "prettier": "prettier --write \"ui/**/*.{js,ts,tsx,jsx,vue,css,scss,less,html,md,json,yml,yaml}\"",
     "fresh-start": "./cleanup.sh && pnpm install && pnpm run tauri:dev",
     "reset": "rm -rf node_modules .nuxt dist && cd src-tauri && cargo clean"
   },
@@ -65,6 +65,7 @@
     "@vueuse/nuxt": "^13.9.0",
     "bumpp": "^10.2.0",
     "eslint": "^9.31.0",
+    "prettier": "^3.6.2",
     "typescript": "^5.8.3"
   },
   "resolutions": {

pnpm-lock.yaml

@@ -56,11 +56,9 @@ useHead({
   }
 });
 
-watch(
-  () => [userTheme.value, primaryColorLight.value, primaryColorDark.value],
-  applyCurrentThemeColor,
-  { immediate: true }
-);
+watch(() => [userTheme.value, primaryColorLight.value, primaryColorDark.value], applyCurrentThemeColor, {
+  immediate: true
+});
 
 watch(
   () => fontFamily.value,
@@ -70,8 +68,7 @@ watch(
 
 function applyCurrentThemeColor() {
   const mode = userTheme.value === "dark" ? "dark" : "light";
-  const hex =
-    mode === "dark" ? (primaryColorDark.value as string) : (primaryColorLight.value as string);
+  const hex = mode === "dark" ? (primaryColorDark.value as string) : (primaryColorLight.value as string);
   if (hex) {
     applyPrimaryColor(hex);
   }

ui/app.vue

@@ -21,7 +21,6 @@
   --bg-hover-dark: rgba(0, 0, 0, 0.3);
   --bg-selected-light: rgba(209, 209, 209, 0.8);
   --bg-selected-dark: rgba(0, 0, 0, 0.5);
-  
 }
 
 .text-xs-plus {
@@ -66,19 +65,19 @@
 /* Windows 平台 */
 .platform-windows .header-bg {
   --header-bg-light: rgb(248, 248, 248);
-  --header-bg-dark: #2C2C2E;
+  --header-bg-dark: #2c2c2e;
 }
 
 /* macOS 平台 */
 .platform-darwin .header-bg {
   --header-bg-light: rgba(255, 255, 255, 0.8);
-  --header-bg-dark: #1E1E1E;
+  --header-bg-dark: #1e1e1e;
 }
 
 /* Linux 平台 */
 .platform-linux .header-bg {
   --header-bg-light: rgb(240, 240, 240);
-  --header-bg-dark: #2D2D30;
+  --header-bg-dark: #2d2d30;
 }
 
 /* 主题颜色应用 */

ui/assets/css/main.css

@@ -21,8 +21,7 @@ const emits = defineEmits<{
 }>();
 
 const { t } = useI18n();
-const { handleAssetConnection, displayUser, handleAssetFavorite, handleAssetUnfavorite } =
-  useAssetAction();
+const { handleAssetConnection, displayUser, handleAssetFavorite, handleAssetUnfavorite } = useAssetAction();
 
 interface MenuItem {
   value?: string;

ui/components/AssetContextMenu/contextMenu.vue

@@ -31,14 +31,7 @@ const assetManager = useAssetFetcher(props.type, scrollRef);
 const connEditorRef = ref<InstanceType<typeof ConnectionEditor> | null>(null);
 
 const { loggedIn, currentSite, currentUser } = storeToRefs(userInfoStore);
-const {
-  fetchNextPage,
-  assetsData,
-  isAppending,
-  scrollbarStyles,
-  isInitialLoading,
-  appendSkeletonCount
-} = assetManager;
+const { fetchNextPage, assetsData, isAppending, scrollbarStyles, isInitialLoading, appendSkeletonCount } = assetManager;
 
 const { visibleAssets } = useDisplayAssets(
   assetsData,
@@ -185,10 +178,7 @@ onBeforeUnmount(() => {
       class="w-full overflow-y-auto container-scrollbar pr-2"
       :style="scrollbarStyles"
     >
-      <div
-        v-if="!loggedIn"
-        class="w-full h-full flex flex-col items-center justify-center gap-2 p-2"
-      >
+      <div v-if="!loggedIn" class="w-full h-full flex flex-col items-center justify-center gap-2 p-2">
         <CardLoginCard />
       </div>
 
@@ -230,10 +220,7 @@ onBeforeUnmount(() => {
       class="w-full overflow-y-auto container-scrollbar h-[calc(100vh-5rem)]"
       :style="scrollbarStyles"
     >
-      <div
-        v-if="!loggedIn"
-        class="w-full h-full flex flex-col items-center justify-center gap-2 p-2"
-      >
+      <div v-if="!loggedIn" class="w-full h-full flex flex-col items-center justify-center gap-2 p-2">
         <CardLoginCard />
       </div>
 

ui/components/BasePage/basePage.vue

@@ -90,11 +90,7 @@ const cancelRename = () => {
       container: 'p-0 sm:p-0 '
     }"
   >
-    <section
-      class="w-full p-4"
-      @dblclick="emits('connectAsset', props.asset)"
-      @contextmenu="handleContextMenu"
-    >
+    <section class="w-full p-4" @dblclick="emits('connectAsset', props.asset)" @contextmenu="handleContextMenu">
       <div class="flex items-center justify-between w-full">
         <div class="flex items-center gap-3 flex-1 min-w-0">
           <CardAssetIcon :type="props.asset.type" size="lg" />

ui/components/Card/GridCard/cardItem.vue

@@ -72,8 +72,7 @@ const buildMenuItems = (asset: AssetItem): MenuItem[] => {
     {
       label: asset.isFavorite ? t("ContextMenu.Unfavorite") : t("ContextMenu.Favorite"),
       icon: "i-lucide-star",
-      onClick: () =>
-        asset.isFavorite ? handleAssetUnfavorite(asset.id) : handleAssetFavorite(asset.id)
+      onClick: () => (asset.isFavorite ? handleAssetUnfavorite(asset.id) : handleAssetFavorite(asset.id))
     }
   ];
 
@@ -155,14 +154,12 @@ const columns: TableColumn<AssetItem>[] = [
         return h("input", {
           ref: (el: any) => (renameInputEl.value = el as HTMLInputElement),
           value: renameValue.value,
-          class:
-            "sm:text-sm font-medium truncate whitespace-nowrap  border-b border-primary focus:outline-none w-full",
+          class: "sm:text-sm font-medium truncate whitespace-nowrap  border-b border-primary focus:outline-none w-full",
           autocapitalize: "off",
           autocorrect: "off",
           spellcheck: false,
           style: { textTransform: "none" },
-          onInput: (e: InputEvent) =>
-            (renameValue.value = (e.target as HTMLInputElement).value || ""),
+          onInput: (e: InputEvent) => (renameValue.value = (e.target as HTMLInputElement).value || ""),
           onKeyup: (e: KeyboardEvent) => {
             if (e.key === "Enter") submitRename(row.original.id);
             if (e.key === "Escape") cancelRename();

ui/components/Card/TableCard/tableCard.vue

@@ -50,9 +50,7 @@ const initDraft = (asset: AssetItem) => {
 
       if (dynamic) {
         draftAccount.value =
-          locale.value === "zh"
-            ? `${dynamic.name}(${dynamic.username})`
-            : `Dynamic user(${dynamic.username})`;
+          locale.value === "zh" ? `${dynamic.name}(${dynamic.username})` : `Dynamic user(${dynamic.username})`;
       } else if (manual) {
         draftAccount.value = locale.value === "zh" ? manual.name : "Manual input";
       } else {
@@ -91,10 +89,7 @@ const buildConnectionInfo = () => {
   if (accountMode === "hosted") {
     const accs = currentAsset.value?.permedAccounts || [];
     const matched = accs.find(
-      (a) =>
-        a.name === normalizedAccount ||
-        a.username === normalizedAccount ||
-        a.alias === normalizedAccount
+      (a) => a.name === normalizedAccount || a.username === normalizedAccount || a.alias === normalizedAccount
     );
     accountId = matched?.id;
   }
@@ -150,11 +145,7 @@ async function ensureDetails(asset: AssetItem) {
   const detailsReady = new Promise<AssetItem>((resolve) => {
     const unsubscribe = useEventBus().once(
       "assetDetailUpdated",
-      (payload: {
-        assetId: string;
-        permedAccounts: PermedAccount[];
-        permedProtocols: PermedProtocol[];
-      }) => {
+      (payload: { assetId: string; permedAccounts: PermedAccount[]; permedProtocols: PermedProtocol[] }) => {
         if (payload.assetId !== asset.id) return;
 
         currentAsset.value = {