chore: fix vue prettier rules (max-attributes-per-line), reformat all codes

jooy2 · jooy2 · commit 2fb64f03ec75 · 2025-06-20T18:15:47.000+09:00
diff --git a/.prettierrc b/.prettierrc
@@ -12,6 +12,8 @@
   "insertPragma": false,
   "requirePragma": false,
   "proseWrap": "never",
+  "singleAttributePerLine": true,
   "htmlWhitespaceSensitivity": "strict",
-  "endOfLine": "lf"
+  "endOfLine": "lf",
+  "printWidth": 80
 }
diff --git a/docs/src/.vitepress/config.mts b/docs/src/.vitepress/config.mts
@@ -5,7 +5,8 @@ import { withI18n } from 'vitepress-i18n'
 import type { VitePressSidebarOptions } from 'vitepress-sidebar/types'
 import type { VitePressI18nOptions } from 'vitepress-i18n/types'
 
-const capitalizeFirst = (str: string): string => str.charAt(0).toUpperCase() + str.slice(1)
+const capitalizeFirst = (str: string): string =>
+  str.charAt(0).toUpperCase() + str.slice(1)
 const supportLocales = ['en', 'ko', 'zhHans']
 const defaultLocale: string = supportLocales[0]
 
@@ -96,5 +97,8 @@ const vitePressConfigs: UserConfig = {
 }
 
 export default defineConfig(
-  withSidebar(withI18n(vitePressConfigs, vitePressI18nConfigs), vitePressSidebarConfigs)
+  withSidebar(
+    withI18n(vitePressConfigs, vitePressI18nConfigs),
+    vitePressSidebarConfigs
+  )
 )
diff --git a/docs/src/en/installation-and-build/npm-scripts.md b/docs/src/en/installation-and-build/npm-scripts.md
@@ -32,8 +32,8 @@ order: 3
 
 Used only for contributing to project documentation. Must be run from the `docs` directory location.
 
-| Script Name | Description                                                        |
-| ----------- | ------------------------------------------------------------------ |
-| `dev`       | Start the local document server. (For development)                 |
-| `build`     | Build a local document server. Used only for GitHub page builders. |
-| `serve`     | Start the local document server.                                   |
+| Script Name | Description |
+| --- | --- |
+| `dev` | Start the local document server. (For development) |
+| `build` | Build a local document server. Used only for GitHub page builders. |
+| `serve` | Start the local document server. |
diff --git a/docs/src/ko/installation-and-build/npm-scripts.md b/docs/src/ko/installation-and-build/npm-scripts.md
@@ -32,8 +32,8 @@ order: 3
 
 프로젝트 문서에 기여하는 경우에만 사용됩니다. `docs` 디렉토리 위치에서 실행해야 합니다.
 
-| Script Name | Description                                                        |
-| ----------- | ------------------------------------------------------------------ |
-| `dev`       | Start the local document server. (For development)                 |
-| `build`     | Build a local document server. Used only for GitHub page builders. |
-| `serve`     | Start the local document server.                                   |
+| Script Name | Description |
+| --- | --- |
+| `dev` | Start the local document server. (For development) |
+| `build` | Build a local document server. Used only for GitHub page builders. |
+| `serve` | Start the local document server. |
diff --git a/docs/src/zhHans/installation-and-build/npm-scripts.md b/docs/src/zhHans/installation-and-build/npm-scripts.md
@@ -9,24 +9,24 @@ order: 3
 
 ## 一般情况
 
-| 脚本名称          | 说明                                                       |
-| ----------------- | ---------------------------------------------------------- |
-| `dev`             | 启动电子作为开发环境                                       |
-| `dev:debug`       | 将 Electron 作为开发环境启动（使用 vite debug）            |
-| `dev:debug:force` | 以Electron作为开发环境启动（使用vite调试+清理vite缓存）    |
-| `build:pre`       | 通常在编译时运行的命令。此脚本无需单独运行。               |
-| `build`           | 为当前操作系统打包。                                       |
-| `build:all`       | 为整个操作系统构建指定软件包（需要跨平台构建配置）         |
-| `build:dir`       | `electron-builder`目录构建                                 |
-| `build:mac`       | 为macOS构建预配置软件包                                    |
-| `build:linux`     | 为Linux构建预配置软件包                                    |
-| `build:win`       | 为Windows构建预配置软件包                                  |
-| `lint`            | ESLint代码检查。它不会修改代码。                           |
-| `lint:fix`        | ESLint代码检查。使用自动修复功能修复代码。                 |
-| `format`          | 更漂亮的代码检查。它不会修改代码。                         |
-| `format:fix`      | 更漂亮的代码检查。使用自动修复功能修复代码。               |
-| `test`            | 根据测试规范文件构建测试包并运行测试。                     |
-| `test:linux`      | 根据测试规范文件构建测试包并运行测试。（仅适用于linux ci） |
+| 脚本名称 | 说明 |
+| --- | --- |
+| `dev` | 启动电子作为开发环境 |
+| `dev:debug` | 将 Electron 作为开发环境启动（使用 vite debug） |
+| `dev:debug:force` | 以Electron作为开发环境启动（使用vite调试+清理vite缓存） |
+| `build:pre` | 通常在编译时运行的命令。此脚本无需单独运行。 |
+| `build` | 为当前操作系统打包。 |
+| `build:all` | 为整个操作系统构建指定软件包（需要跨平台构建配置） |
+| `build:dir` | `electron-builder`目录构建 |
+| `build:mac` | 为macOS构建预配置软件包 |
+| `build:linux` | 为Linux构建预配置软件包 |
+| `build:win` | 为Windows构建预配置软件包 |
+| `lint` | ESLint代码检查。它不会修改代码。 |
+| `lint:fix` | ESLint代码检查。使用自动修复功能修复代码。 |
+| `format` | 更漂亮的代码检查。它不会修改代码。 |
+| `format:fix` | 更漂亮的代码检查。使用自动修复功能修复代码。 |
+| `test` | 根据测试规范文件构建测试包并运行测试。 |
+| `test:linux` | 根据测试规范文件构建测试包并运行测试。（仅适用于linux ci） |
 
 ## 文档
 
diff --git a/eslint.config.ts b/eslint.config.ts
@@ -60,6 +60,17 @@ export default pluginTypeScriptESLint.config(
       'vue/v-on-event-hyphenation': 'off',
       'vue/no-v-text-v-html-on-component': 'off',
       'vue/attribute-hyphenation': 'off',
+      'vue/max-attributes-per-line': [
+        'error',
+        {
+          singleline: {
+            max: 1
+          },
+          multiline: {
+            max: 1
+          }
+        }
+      ],
       '@typescript-eslint/no-explicit-any': 'off'
     }
   }
diff --git a/src/main/IPCs.ts b/src/main/IPCs.ts
@@ -12,23 +12,29 @@ export default class IPCs {
     })
 
     // Open url via web browser
-    ipcMain.on('msgOpenExternalLink', async (event: IpcMainEvent, url: string) => {
-      await shell.openExternal(url)
-    })
+    ipcMain.on(
+      'msgOpenExternalLink',
+      async (event: IpcMainEvent, url: string) => {
+        await shell.openExternal(url)
+      }
+    )
 
     // Open file
-    ipcMain.handle('msgOpenFile', async (event: IpcMainEvent, filter: string) => {
-      const filters = []
-      if (filter === 'text') {
-        filters.push({ name: 'Text', extensions: ['txt', 'json'] })
-      } else if (filter === 'zip') {
-        filters.push({ name: 'Zip', extensions: ['zip'] })
+    ipcMain.handle(
+      'msgOpenFile',
+      async (event: IpcMainEvent, filter: string) => {
+        const filters = []
+        if (filter === 'text') {
+          filters.push({ name: 'Text', extensions: ['txt', 'json'] })
+        } else if (filter === 'zip') {
+          filters.push({ name: 'Zip', extensions: ['zip'] })
+        }
+        const dialogResult = await dialog.showOpenDialog({
+          properties: ['openFile'],
+          filters
+        })
+        return dialogResult
       }
-      const dialogResult = await dialog.showOpenDialog({
-        properties: ['openFile'],
-        filters
-      })
-      return dialogResult
-    })
+    )
   }
 }
diff --git a/src/main/index.ts b/src/main/index.ts
@@ -38,7 +38,11 @@ app.on('window-all-closed', () => {
 
 app.on(
   'render-process-gone',
-  (event: Event, webContents: WebContents, details: RenderProcessGoneDetails) => {
+  (
+    event: Event,
+    webContents: WebContents,
+    details: RenderProcessGoneDetails
+  ) => {
     errorWindow = createErrorWindow(errorWindow, mainWindow, details)
   }
 )
diff --git a/src/main/tray.ts b/src/main/tray.ts
@@ -97,7 +97,9 @@ function calculateWindowPosition(b) {
   const screenBounds = screen.getPrimaryDisplay().size
   const trayBounds = tray.getBounds()
   const bottom = trayBounds.y > screenBounds.height / 2
-  const x = Math.floor(trayBounds.x - b.width / 2 - margin.x + trayBounds.width / 2)
+  const x = Math.floor(
+    trayBounds.x - b.width / 2 - margin.x + trayBounds.width / 2
+  )
   const y = bottom
     ? Math.floor(trayBounds.y - b.height - margin.y + trayBounds.height / 2)
     : Math.floor(trayBounds.y + margin.y + trayBounds.height / 2)
diff --git a/src/preload/index.ts b/src/preload/index.ts
@@ -1,7 +1,11 @@
 import { contextBridge, ipcRenderer, IpcRendererEvent } from 'electron'
 
 // Whitelist of valid channels used for IPC communication (Send message from Renderer to Main)
-const mainAvailChannels: string[] = ['msgRequestGetVersion', 'msgOpenExternalLink', 'msgOpenFile']
+const mainAvailChannels: string[] = [
+  'msgRequestGetVersion',
+  'msgOpenExternalLink',
+  'msgOpenFile'
+]
 const rendererAvailChannels: string[] = []
 
 contextBridge.exposeInMainWorld('mainApi', {
@@ -15,21 +19,30 @@ contextBridge.exposeInMainWorld('mainApi', {
       throw new Error(`Unknown ipc channel name: ${channel}`)
     }
   },
-  on: (channel: string, listener: (event: IpcRendererEvent, ...args: any[]) => void): void => {
+  on: (
+    channel: string,
+    listener: (event: IpcRendererEvent, ...args: any[]) => void
+  ): void => {
     if (rendererAvailChannels.includes(channel)) {
       ipcRenderer.on(channel, listener)
     } else {
       throw new Error(`Unknown ipc channel name: ${channel}`)
     }
   },
-  once: (channel: string, listener: (event: IpcRendererEvent, ...args: any[]) => void): void => {
+  once: (
+    channel: string,
+    listener: (event: IpcRendererEvent, ...args: any[]) => void
+  ): void => {
     if (rendererAvailChannels.includes(channel)) {
       ipcRenderer.once(channel, listener)
     } else {
       throw new Error(`Unknown ipc channel name: ${channel}`)
     }
   },
-  off: (channel: string, listener: (event: IpcRendererEvent, ...args: any[]) => void): void => {
+  off: (
+    channel: string,
+    listener: (event: IpcRendererEvent, ...args: any[]) => void
+  ): void => {
     if (rendererAvailChannels.includes(channel)) {
       ipcRenderer.off(channel, listener)
     } else {
diff --git a/src/renderer/components/layout/HeaderLayout.vue b/src/renderer/components/layout/HeaderLayout.vue
@@ -18,7 +18,10 @@ const isCurrentRoute = (path: string): boolean => {
 }
 </script>
 <template>
-  <v-app-bar color="primary" density="compact">
+  <v-app-bar
+    color="primary"
+    density="compact"
+  >
     <v-app-bar-title>{{ t(titleKey) }}</v-app-bar-title>
     <template #append>
       <v-btn
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -6,5 +6,8 @@
   <body>
     <div id="app"></div>
   </body>
-  <script type="module" src="./main"></script>
+  <script
+    type="module"
+    src="./main"
+  ></script>
 </html>
diff --git a/src/renderer/plugins/vuetify.ts b/src/renderer/plugins/vuetify.ts
@@ -1,5 +1,17 @@
 import { createVuetify } from 'vuetify'
-import { ko, en, zhHans, zhHant, de, es, ja, fr, ru, pt, nl } from 'vuetify/locale'
+import {
+  ko,
+  en,
+  zhHans,
+  zhHant,
+  de,
+  es,
+  ja,
+  fr,
+  ru,
+  pt,
+  nl
+} from 'vuetify/locale'
 import { aliases, mdi } from 'vuetify/iconsets/mdi-svg'
 import 'vuetify/styles'
 
diff --git a/src/renderer/screens/MainScreen.vue b/src/renderer/screens/MainScreen.vue
diff --git a/src/renderer/screens/SecondScreen.vue b/src/renderer/screens/SecondScreen.vue
diff --git a/tests/fixtures.mts b/tests/fixtures.mts
diff --git a/vite.config.mts b/vite.config.mts

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,11 @@ app.on('window-all-closed', () => {`
`38`	`38`
`39`	`39`	`app.on(`
`40`	`40`	`'render-process-gone',`
`41`		`- (event: Event, webContents: WebContents, details: RenderProcessGoneDetails) => {`
	`41`	`+ (`
	`42`	`+ event: Event,`
	`43`	`+ webContents: WebContents,`
	`44`	`+ details: RenderProcessGoneDetails`
	`45`	`+ ) => {`
`42`	`46`	`errorWindow = createErrorWindow(errorWindow, mainWindow, details)`
`43`	`47`	`}`
`44`	`48`	`)`