From 9fc0cbd40dfb7980d73f65048fc50557f673d641 Mon Sep 17 00:00:00 2001
From: tiny-craft <137850705+tiny-craft@users.noreply.github.com>
Date: Thu, 24 Aug 2023 15:23:25 +0800
Subject: [PATCH] refactor: reformat code

---
 frontend/.prettierrc                          |  2 +-
 frontend/src/App.vue                          |  3 +-
 frontend/src/AppContent.vue                   |  9 ++----
 .../src/components/common/RedisTypeTag.vue    |  3 +-
 .../src/components/content/ContentLogPane.vue |  9 ++----
 .../src/components/content/ContentPane.vue    |  9 ++----
 .../components/content/ContentValueTab.vue    |  3 +-
 .../content_value/ContentServerStatus.vue     |  6 ++--
 .../content_value/ContentToolbar.vue          |  3 +-
 .../content_value/ContentValueHash.vue        |  9 ++----
 .../content_value/ContentValueList.vue        |  6 ++--
 .../content_value/ContentValueSet.vue         |  6 ++--
 .../content_value/ContentValueStream.vue      |  9 ++----
 .../content_value/ContentValueString.vue      |  3 +-
 .../content_value/ContentValueZSet.vue        |  9 ++----
 .../components/dialogs/AddFieldsDialog.vue    |  6 ++--
 .../components/dialogs/ConnectionDialog.vue   | 27 ++++++-----------
 .../components/dialogs/DeleteKeyDialog.vue    |  6 ++--
 .../src/components/dialogs/GroupDialog.vue    |  3 +-
 .../components/dialogs/KeyFilterDialog.vue    |  6 ++--
 .../src/components/dialogs/NewKeyDialog.vue   |  9 ++----
 .../components/dialogs/PreferencesDialog.vue  |  6 ++--
 .../components/dialogs/RenameKeyDialog.vue    |  6 ++--
 .../src/components/dialogs/SetTtlDialog.vue   |  6 ++--
 frontend/src/components/icons/Add.vue         |  9 ++----
 frontend/src/components/icons/AddGroup.vue    |  3 +-
 frontend/src/components/icons/AddLink.vue     |  6 ++--
 frontend/src/components/icons/Clear.vue       | 18 ++++-------
 frontend/src/components/icons/Close.vue       | 15 ++++------
 frontend/src/components/icons/Config.vue      |  6 ++--
 frontend/src/components/icons/Connect.vue     |  6 ++--
 frontend/src/components/icons/Copy.vue        |  9 ++----
 frontend/src/components/icons/CopyLink.vue    | 18 ++++-------
 frontend/src/components/icons/Delete.vue      |  6 ++--
 frontend/src/components/icons/Edit.vue        |  6 ++--
 frontend/src/components/icons/Filter.vue      |  3 +-
 frontend/src/components/icons/Github.vue      |  6 ++--
 frontend/src/components/icons/Help.vue        |  9 ++----
 frontend/src/components/icons/Key.vue         |  3 +-
 frontend/src/components/icons/Layer.vue       |  6 ++--
 frontend/src/components/icons/Log.vue         | 12 +++-----
 frontend/src/components/icons/Refresh.vue     |  6 ++--
 frontend/src/components/icons/Save.vue        |  6 ++--
 frontend/src/components/icons/Search.vue      |  9 ++----
 frontend/src/components/icons/Sort.vue        | 12 +++-----
 frontend/src/components/icons/Structure.vue   | 21 +++++--------
 frontend/src/components/icons/Timer.vue       | 15 ++++------
 frontend/src/components/icons/ToggleDb.vue    | 24 +++++----------
 .../src/components/icons/ToggleFolder.vue     | 15 ++++------
 .../src/components/icons/ToggleServer.vue     | 30 +++++++------------
 frontend/src/components/icons/Unlink.vue      | 18 ++++-------
 frontend/src/components/icons/Update.vue      |  9 ++----
 .../src/components/new_value/AddHashValue.vue |  3 +-
 .../src/components/new_value/AddZSetValue.vue |  3 +-
 .../src/components/new_value/NewHashValue.vue |  3 +-
 .../components/new_value/NewStreamValue.vue   |  3 +-
 .../components/new_value/NewStringValue.vue   |  3 +-
 .../src/components/new_value/NewZSetValue.vue |  3 +-
 .../src/components/sidebar/BrowserPane.vue    |  3 +-
 .../src/components/sidebar/BrowserTree.vue    |  6 ++--
 .../src/components/sidebar/ConnectionPane.vue |  9 ++----
 .../src/components/sidebar/ConnectionTree.vue |  9 ++----
 frontend/src/components/sidebar/NavMenu.vue   |  9 ++----
 63 files changed, 175 insertions(+), 349 deletions(-)

diff --git a/frontend/.prettierrc b/frontend/.prettierrc
index 9be60a5..e1a4a2a 100644
--- a/frontend/.prettierrc
+++ b/frontend/.prettierrc
@@ -3,6 +3,6 @@
   "tabWidth": 4,
   "singleQuote": true,
   "semi": false,
-  "bracketSameLine": false,
+  "bracketSameLine": true,
   "endOfLine": "auto"
 }
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 5564445..9d5cc2d 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -52,8 +52,7 @@ watch(
         :inline-theme-disabled="true"
         :theme="prefStore.isDark ? darkTheme : undefined"
         :theme-overrides="themeOverrides"
-        class="fill-height"
-    >
+        class="fill-height">
         <n-global-style />
         <n-dialog-provider>
             <n-spin v-show="initializing" :theme-overrides="{ opacitySpinning: 0 }">
diff --git a/frontend/src/AppContent.vue b/frontend/src/AppContent.vue
index 7f3fc22..bef1dae 100644
--- a/frontend/src/AppContent.vue
+++ b/frontend/src/AppContent.vue
@@ -78,8 +78,7 @@ watch(
                     v-for="t in tabStore.tabs"
                     v-show="get(tabStore.currentTab, 'name') === t.name"
                     :key="t.name"
-                    class="flex-item-expand"
-                />
+                    class="flex-item-expand" />
                 <div
                     :class="{
                         'resize-divider-hover': data.hoverResize,
@@ -88,8 +87,7 @@ watch(
                     class="resize-divider"
                     @mousedown="startResize"
                     @mouseout="data.hoverResize = false"
-                    @mouseover="data.hoverResize = true"
-                />
+                    @mouseover="data.hoverResize = true" />
             </div>
             <content-pane class="flex-item-expand" />
         </div>
@@ -106,8 +104,7 @@ watch(
                     class="resize-divider"
                     @mousedown="startResize"
                     @mouseout="data.hoverResize = false"
-                    @mouseover="data.hoverResize = true"
-                />
+                    @mouseover="data.hoverResize = true" />
             </div>
             <content-server-pane class="flex-item-expand" />
         </div>
diff --git a/frontend/src/components/common/RedisTypeTag.vue b/frontend/src/components/common/RedisTypeTag.vue
index 6a6077d..5ab4390 100644
--- a/frontend/src/components/common/RedisTypeTag.vue
+++ b/frontend/src/components/common/RedisTypeTag.vue
@@ -29,8 +29,7 @@ const backgroundColor = computed(() => {
         :class="[props.size === 'small' ? 'redis-type-tag-small' : 'redis-type-tag']"
         :color="{ color: backgroundColor, borderColor: fontColor, textColor: fontColor }"
         :size="props.size"
-        strong
-    >
+        strong>
         {{ props.type }}
     </n-tag>
     <!--  <div class="redis-type-tag flex-box-h" :style="{backgroundColor: backgroundColor}">{{ props.type }}</div>-->
diff --git a/frontend/src/components/content/ContentLogPane.vue b/frontend/src/components/content/ContentLogPane.vue
index 1cb55b2..d4ac8f8 100644
--- a/frontend/src/components/content/ContentLogPane.vue
+++ b/frontend/src/components/content/ContentLogPane.vue
@@ -52,16 +52,14 @@ defineExpose({
     <n-card
         :title="$t('launch_log')"
         class="content-container flex-box-v"
-        content-style="display: flex;flex-direction: column; overflow: hidden;"
-    >
+        content-style="display: flex;flex-direction: column; overflow: hidden;">
         <n-form :disabled="data.loading" class="flex-item" inline>
             <n-form-item :label="$t('filter_server')">
                 <n-select
                     v-model:value="data.server"
                     :consistent-menu-width="false"
                     :options="filterServerOption"
-                    style="min-width: 100px"
-                />
+                    style="min-width: 100px" />
             </n-form-item>
             <n-form-item :label="$t('filter_keyword')">
                 <n-input v-model:value="data.keyword" clearable placeholder="" />
@@ -126,8 +124,7 @@ defineExpose({
                 ]"
                 :data="data.history"
                 class="flex-item-expand"
-                flex-height
-            />
+                flex-height />
         </div>
     </n-card>
 </template>
diff --git a/frontend/src/components/content/ContentPane.vue b/frontend/src/components/content/ContentPane.vue
index 13fd44f..84e3ca2 100644
--- a/frontend/src/components/content/ContentPane.vue
+++ b/frontend/src/components/content/ContentPane.vue
@@ -143,8 +143,7 @@ const onCloseTab = (tabIndex) => {
             size="small"
             type="card"
             @close="onCloseTab"
-            @update:value="onUpdateValue"
-        >
+            @update:value="onUpdateValue">
             <n-tab v-for="(t, i) in tab" :key="i" :name="i">
                 <n-ellipsis style="max-width: 150px">{{ t.label }}</n-ellipsis>
             </n-tab>
@@ -158,8 +157,7 @@ const onCloseTab = (tabIndex) => {
                 :info="serverInfo"
                 :loading="loadingServerInfo"
                 :server="serverName"
-                @refresh="refreshInfo(true)"
-            />
+                @refresh="refreshInfo(true)" />
         </div>
         <div v-else-if="showNonexists" class="content-container flex-item-expand flex-box-v">
             <n-empty :description="$t('nonexist_tab_content')" class="empty-content">
@@ -175,8 +173,7 @@ const onCloseTab = (tabIndex) => {
             :key-path="tabContent.keyPath"
             :name="tabContent.name"
             :ttl="tabContent.ttl"
-            :value="tabContent.value"
-        />
+            :value="tabContent.value" />
     </div>
 </template>
 
diff --git a/frontend/src/components/content/ContentValueTab.vue b/frontend/src/components/content/ContentValueTab.vue
index 5b832dd..bea71b5 100644
--- a/frontend/src/components/content/ContentValueTab.vue
+++ b/frontend/src/components/content/ContentValueTab.vue
@@ -69,8 +69,7 @@ const onCloseTab = (idx, key) => {
             :style="{ backgroundColor: item.bgColor || '' }"
             :title="item.label"
             class="content-tab_item flex-item-expand icon-btn flex-box-h"
-            @click="onClickTab(i, item.key)"
-        >
+            @click="onClickTab(i, item.key)">
             <n-icon :component="Close" class="content-tab_item-close" size="20" @click.stop="onCloseTab(i, item.key)" />
             <div class="content-tab_item-label ellipsis flex-item-expand">
                 {{ item.label }}
diff --git a/frontend/src/components/content_value/ContentServerStatus.vue b/frontend/src/components/content_value/ContentServerStatus.vue
index daa9e77..56e24c3 100644
--- a/frontend/src/components/content_value/ContentServerStatus.vue
+++ b/frontend/src/components/content_value/ContentServerStatus.vue
@@ -128,8 +128,7 @@ const infoFilter = ref('')
                         <n-gi :span="6">
                             <n-statistic
                                 :label="$t('connected_clients')"
-                                :value="get(props.info, 'Clients.connected_clients', 0)"
-                            />
+                                :value="get(props.info, 'Clients.connected_clients', 0)" />
                         </n-gi>
                         <n-gi :span="6">
                             <n-statistic :value="totalKeys">
@@ -173,8 +172,7 @@ const infoFilter = ref('')
                                     },
                                     { title: $t('value'), key: 'value' },
                                 ]"
-                                :data="map(v, (value, key) => ({ value, key }))"
-                            />
+                                :data="map(v, (value, key) => ({ value, key }))" />
                         </n-tab-pane>
                     </n-tabs>
                 </n-spin>
diff --git a/frontend/src/components/content_value/ContentToolbar.vue b/frontend/src/components/content_value/ContentToolbar.vue
index 3c21cc1..c308ea6 100644
--- a/frontend/src/components/content_value/ContentToolbar.vue
+++ b/frontend/src/components/content_value/ContentToolbar.vue
@@ -91,8 +91,7 @@ const onDeleteKey = () => {
                 border
                 size="18"
                 t-tooltip="rename_key"
-                @click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)"
-            />
+                @click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)" />
             <!--            <n-button @click="dialogStore.openRenameKeyDialog(props.server, props.db, props.keyPath)">-->
             <!--                <template #icon>-->
             <!--                    <n-icon :component="Edit" size="18" />-->
diff --git a/frontend/src/components/content_value/ContentValueHash.vue b/frontend/src/components/content_value/ContentValueHash.vue
index 8f65a06..5b227ef 100644
--- a/frontend/src/components/content_value/ContentValueHash.vue
+++ b/frontend/src/components/content_value/ContentValueHash.vue
@@ -248,15 +248,13 @@ const onUpdateFilter = (filters, sourceColumn) => {
                         :consistent-menu-width="false"
                         :options="filterOption"
                         style="width: 120px"
-                        @update:value="onChangeFilterType"
-                    />
+                        @update:value="onChangeFilterType" />
                     <n-input
                         v-model:value="filterValue"
                         :placeholder="$t('search')"
                         clearable
                         @clear="clearFilter"
-                        @update:value="onFilterInput"
-                    />
+                        @update:value="onFilterInput" />
                 </n-input-group>
             </div>
             <div class="flex-item-expand"></div>
@@ -279,8 +277,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                 size="small"
                 striped
                 virtual-scroll
-                @update:filters="onUpdateFilter"
-            />
+                @update:filters="onUpdateFilter" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/content_value/ContentValueList.vue b/frontend/src/components/content_value/ContentValueList.vue
index b22f471..fe15ad1 100644
--- a/frontend/src/components/content_value/ContentValueList.vue
+++ b/frontend/src/components/content_value/ContentValueList.vue
@@ -179,8 +179,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                     :placeholder="$t('search')"
                     clearable
                     @clear="clearFilter"
-                    @update:value="onFilterInput"
-                />
+                    @update:value="onFilterInput" />
             </div>
             <div class="flex-item-expand"></div>
             <n-button plain @click="onAddValue">
@@ -202,8 +201,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                 size="small"
                 striped
                 virtual-scroll
-                @update:filters="onUpdateFilter"
-            />
+                @update:filters="onUpdateFilter" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/content_value/ContentValueSet.vue b/frontend/src/components/content_value/ContentValueSet.vue
index 6b0b0ab..edb604a 100644
--- a/frontend/src/components/content_value/ContentValueSet.vue
+++ b/frontend/src/components/content_value/ContentValueSet.vue
@@ -175,8 +175,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                     :placeholder="$t('search')"
                     clearable
                     @clear="clearFilter"
-                    @update:value="onFilterInput"
-                />
+                    @update:value="onFilterInput" />
             </div>
             <div class="flex-item-expand"></div>
             <n-button plain @click="onAddValue">
@@ -198,8 +197,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                 size="small"
                 striped
                 virtual-scroll
-                @update:filters="onUpdateFilter"
-            />
+                @update:filters="onUpdateFilter" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/content_value/ContentValueStream.vue b/frontend/src/components/content_value/ContentValueStream.vue
index b00bf8f..b17b618 100644
--- a/frontend/src/components/content_value/ContentValueStream.vue
+++ b/frontend/src/components/content_value/ContentValueStream.vue
@@ -161,15 +161,13 @@ const onUpdateFilter = (filters, sourceColumn) => {
                         :consistent-menu-width="false"
                         :options="filterOption"
                         style="width: 120px"
-                        @update:value="onChangeFilterType"
-                    />
+                        @update:value="onChangeFilterType" />
                     <n-input
                         v-model:value="filterValue"
                         :placeholder="$t('search')"
                         clearable
                         @clear="clearFilter"
-                        @update:value="onFilterInput"
-                    />
+                        @update:value="onFilterInput" />
                 </n-input-group>
             </div>
             <div class="flex-item-expand"></div>
@@ -192,8 +190,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                 size="small"
                 striped
                 virtual-scroll
-                @update:filters="onUpdateFilter"
-            />
+                @update:filters="onUpdateFilter" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/content_value/ContentValueString.vue b/frontend/src/components/content_value/ContentValueString.vue
index 3f92aac..253b2a9 100644
--- a/frontend/src/components/content_value/ContentValueString.vue
+++ b/frontend/src/components/content_value/ContentValueString.vue
@@ -211,8 +211,7 @@ const onSaveValue = async () => {
                 :disabled="saving"
                 :resizable="false"
                 class="flex-item-expand"
-                type="textarea"
-            />
+                type="textarea" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/content_value/ContentValueZSet.vue b/frontend/src/components/content_value/ContentValueZSet.vue
index b409ce8..8de676d 100644
--- a/frontend/src/components/content_value/ContentValueZSet.vue
+++ b/frontend/src/components/content_value/ContentValueZSet.vue
@@ -274,8 +274,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                         :consistent-menu-width="false"
                         :options="filterOption"
                         style="width: 120px"
-                        @update:value="onChangeFilterType"
-                    />
+                        @update:value="onChangeFilterType" />
                     <n-tooltip :delay="500" :disabled="filterType !== 2">
                         <template #trigger>
                             <n-input
@@ -283,8 +282,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                                 :placeholder="$t('search')"
                                 clearable
                                 @clear="clearFilter"
-                                @update:value="onFilterInput"
-                            />
+                                @update:value="onFilterInput" />
                         </template>
                         <div class="text-block">{{ $t('score_filter_tip') }}</div>
                     </n-tooltip>
@@ -310,8 +308,7 @@ const onUpdateFilter = (filters, sourceColumn) => {
                 size="small"
                 striped
                 virtual-scroll
-                @update:filters="onUpdateFilter"
-            />
+                @update:filters="onUpdateFilter" />
         </div>
     </div>
 </template>
diff --git a/frontend/src/components/dialogs/AddFieldsDialog.vue b/frontend/src/components/dialogs/AddFieldsDialog.vue
index 3fb053f..c9b6eb8 100644
--- a/frontend/src/components/dialogs/AddFieldsDialog.vue
+++ b/frontend/src/components/dialogs/AddFieldsDialog.vue
@@ -196,8 +196,7 @@ const onClose = () => {
         style="width: 600px"
         transform-origin="center"
         @positive-click="onAdd"
-        @negative-click="onClose"
-    >
+        @negative-click="onClose">
         <n-scrollbar style="max-height: 500px">
             <n-form :model="newForm" :show-require-mark="false" label-placement="top" style="padding-right: 15px">
                 <n-form-item :label="$t('key')" path="key" required>
@@ -206,8 +205,7 @@ const onClose = () => {
                 <component
                     :is="addValueComponent[newForm.type]"
                     v-model:type="newForm.opType"
-                    v-model:value="newForm.value"
-                />
+                    v-model:value="newForm.value" />
                 <n-form-item label=" " path="key" required>
                     <n-checkbox v-model:checked="newForm.reload">
                         {{ $t('reload_when_succ') }}
diff --git a/frontend/src/components/dialogs/ConnectionDialog.vue b/frontend/src/components/dialogs/ConnectionDialog.vue
index 178002b..40977f7 100644
--- a/frontend/src/components/dialogs/ConnectionDialog.vue
+++ b/frontend/src/components/dialogs/ConnectionDialog.vue
@@ -141,8 +141,7 @@ const onClose = () => {
         :show-icon="false"
         :title="isEditMode ? $t('edit_conn_title') : $t('new_conn_title')"
         preset="dialog"
-        transform-origin="center"
-    >
+        transform-origin="center">
         <n-spin :show="closingConnection">
             <n-tabs v-model:value="tab" animated type="line">
                 <n-tab-pane :tab="$t('general')" display-directive="show" name="general">
@@ -151,8 +150,7 @@ const onClose = () => {
                         :model="generalForm"
                         :rules="generalFormRules()"
                         :show-require-mark="false"
-                        label-placement="top"
-                    >
+                        label-placement="top">
                         <n-form-item :label="$t('conn_name')" path="name" required>
                             <n-input v-model:value="generalForm.name" :placeholder="$t('conn_name_tip')" />
                         </n-form-item>
@@ -166,16 +164,14 @@ const onClose = () => {
                                 v-model:value="generalForm.port"
                                 :max="65535"
                                 :min="1"
-                                style="width: 200px"
-                            />
+                                style="width: 200px" />
                         </n-form-item>
                         <n-form-item :label="$t('conn_pwd')" path="password">
                             <n-input
                                 v-model:value="generalForm.password"
                                 :placeholder="$t('conn_pwd_tip')"
                                 show-password-on="click"
-                                type="password"
-                            />
+                                type="password" />
                         </n-form-item>
                         <n-form-item :label="$t('conn_usr')" path="username">
                             <n-input v-model="generalForm.username" :placeholder="$t('conn_usr_tip')" />
@@ -189,19 +185,16 @@ const onClose = () => {
                         :model="generalForm"
                         :rules="generalFormRules()"
                         :show-require-mark="false"
-                        label-placement="top"
-                    >
+                        label-placement="top">
                         <n-form-item :label="$t('conn_advn_filter')" path="defaultFilter">
                             <n-input
                                 v-model:value="generalForm.defaultFilter"
-                                :placeholder="$t('conn_advn_filter_tip')"
-                            />
+                                :placeholder="$t('conn_advn_filter_tip')" />
                         </n-form-item>
                         <n-form-item :label="$t('conn_advn_separator')" path="keySeparator">
                             <n-input
                                 v-model:value="generalForm.keySeparator"
-                                :placeholder="$t('conn_advn_separator_tip')"
-                            />
+                                :placeholder="$t('conn_advn_separator_tip')" />
                         </n-form-item>
                         <n-form-item :label="$t('conn_advn_conn_timeout')" path="connTimeout">
                             <n-input-number v-model:value="generalForm.connTimeout" :max="999999" :min="1">
@@ -226,8 +219,7 @@ const onClose = () => {
                                 }"
                                 :style="{ backgroundColor: color }"
                                 class="color-preset-item"
-                                @click="generalForm.markColor = color"
-                            >
+                                @click="generalForm.markColor = color">
                                 <n-icon v-if="isEmpty(color)" :component="Close" size="24" />
                             </div>
                         </n-form-item>
@@ -239,8 +231,7 @@ const onClose = () => {
             <n-alert
                 v-if="showTestResult"
                 :title="isEmpty(testResult) ? '' : $t('conn_test_fail')"
-                :type="isEmpty(testResult) ? 'success' : 'error'"
-            >
+                :type="isEmpty(testResult) ? 'success' : 'error'">
                 <template v-if="isEmpty(testResult)"> {{ $t('conn_test_succ') }}</template>
                 <template v-else>{{ testResult }}</template>
             </n-alert>
diff --git a/frontend/src/components/dialogs/DeleteKeyDialog.vue b/frontend/src/components/dialogs/DeleteKeyDialog.vue
index 493053e..8210003 100644
--- a/frontend/src/components/dialogs/DeleteKeyDialog.vue
+++ b/frontend/src/components/dialogs/DeleteKeyDialog.vue
@@ -75,8 +75,7 @@ const onClose = () => {
         :show-icon="false"
         :title="$t('batch_delete_key')"
         preset="dialog"
-        transform-origin="center"
-    >
+        transform-origin="center">
         <n-form :model="deleteForm" :show-require-mark="false" label-placement="top">
             <n-form-item :label="$t('server')">
                 <n-input :value="deleteForm.server" readonly />
@@ -94,8 +93,7 @@ const onClose = () => {
                     :line-height="1.5"
                     :lines="deleteForm.affectedKeys"
                     :rows="10"
-                    style="user-select: text; cursor: text"
-                />
+                    style="user-select: text; cursor: text" />
             </n-card>
         </n-form>
 
diff --git a/frontend/src/components/dialogs/GroupDialog.vue b/frontend/src/components/dialogs/GroupDialog.vue
index d3fb6dd..38679e8 100644
--- a/frontend/src/components/dialogs/GroupDialog.vue
+++ b/frontend/src/components/dialogs/GroupDialog.vue
@@ -76,8 +76,7 @@ const onClose = () => {
         preset="dialog"
         transform-origin="center"
         @positive-click="onConfirm"
-        @negative-click="onClose"
-    >
+        @negative-click="onClose">
         <n-form :model="groupForm" :show-label="false" :show-require-mark="false" label-placement="top">
             <n-form-item :label="$t('group_name')" required>
                 <n-input v-model:value="groupForm.name" placeholder="" />
diff --git a/frontend/src/components/dialogs/KeyFilterDialog.vue b/frontend/src/components/dialogs/KeyFilterDialog.vue
index 9858806..c10be1b 100644
--- a/frontend/src/components/dialogs/KeyFilterDialog.vue
+++ b/frontend/src/components/dialogs/KeyFilterDialog.vue
@@ -67,15 +67,13 @@ const onClose = () => {
         style="width: 450px"
         transform-origin="center"
         @positive-click="onConfirm"
-        @negative-click="onClose"
-    >
+        @negative-click="onClose">
         <n-form
             ref="filterFormRef"
             :model="filterForm"
             :show-require-mark="false"
             label-placement="top"
-            style="padding-right: 15px"
-        >
+            style="padding-right: 15px">
             <n-form-item :label="$t('server')" path="key">
                 <n-text>{{ filterForm.server }}</n-text>
             </n-form-item>
diff --git a/frontend/src/components/dialogs/NewKeyDialog.vue b/frontend/src/components/dialogs/NewKeyDialog.vue
index 361441c..b4f692b 100644
--- a/frontend/src/components/dialogs/NewKeyDialog.vue
+++ b/frontend/src/components/dialogs/NewKeyDialog.vue
@@ -149,8 +149,7 @@ const onClose = () => {
         style="width: 600px"
         transform-origin="center"
         @positive-click="onAdd"
-        @negative-click="onClose"
-    >
+        @negative-click="onClose">
         <n-scrollbar style="max-height: 500px">
             <n-form
                 ref="newFormRef"
@@ -158,8 +157,7 @@ const onClose = () => {
                 :rules="formRules"
                 :show-require-mark="false"
                 label-placement="top"
-                style="padding-right: 15px"
-            >
+                style="padding-right: 15px">
                 <n-form-item :label="$t('key')" path="key" required>
                     <n-input v-model:value="newForm.key" placeholder="" />
                 </n-form-item>
@@ -175,8 +173,7 @@ const onClose = () => {
                             v-model:value="newForm.ttl"
                             :max="Number.MAX_SAFE_INTEGER"
                             :min="-1"
-                            placeholder="TTL"
-                        >
+                            placeholder="TTL">
                             <template #suffix>
                                 {{ $t('second') }}
                             </template>
diff --git a/frontend/src/components/dialogs/PreferencesDialog.vue b/frontend/src/components/dialogs/PreferencesDialog.vue
index 666900e..7e90b12 100644
--- a/frontend/src/components/dialogs/PreferencesDialog.vue
+++ b/frontend/src/components/dialogs/PreferencesDialog.vue
@@ -67,8 +67,7 @@ const onClose = () => {
         :show-icon="false"
         :title="$t('preferences')"
         preset="dialog"
-        transform-origin="center"
-    >
+        transform-origin="center">
         <!-- FIXME: set loading will slow down appear animation of dialog in linux -->
         <!-- <n-spin :show="loading"> -->
         <n-tabs v-model:value="tab" animated type="line">
@@ -85,8 +84,7 @@ const onClose = () => {
                         <n-select
                             v-model:value="prefStore.general.language"
                             :options="prefStore.langOption"
-                            filterable
-                        />
+                            filterable />
                     </n-form-item>
                     <n-form-item :label="$t('font')" required>
                         <n-select v-model:value="prefStore.general.font" :options="prefStore.fontOption" filterable />
diff --git a/frontend/src/components/dialogs/RenameKeyDialog.vue b/frontend/src/components/dialogs/RenameKeyDialog.vue
index a1830b4..38a34d4 100644
--- a/frontend/src/components/dialogs/RenameKeyDialog.vue
+++ b/frontend/src/components/dialogs/RenameKeyDialog.vue
@@ -63,15 +63,13 @@ const onClose = () => {
         preset="dialog"
         transform-origin="center"
         @positive-click="onRename"
-        @negative-click="onClose"
-    >
+        @negative-click="onClose">
         <n-form
             :model="renameForm"
             :show-require-mark="false"
             :show-label="false"
             label-align="left"
-            label-placement="top"
-        >
+            label-placement="top">
             <n-form-item :label="$t('new_key_name')" required>
                 <n-input v-model:value="renameForm.newKey" />
             </n-form-item>
diff --git a/frontend/src/components/dialogs/SetTtlDialog.vue b/frontend/src/components/dialogs/SetTtlDialog.vue
index aebc0e7..7df8a36 100644
--- a/frontend/src/components/dialogs/SetTtlDialog.vue
+++ b/frontend/src/components/dialogs/SetTtlDialog.vue
@@ -71,8 +71,7 @@ const onConfirm = async () => {
         :show-icon="false"
         :title="$t('set_ttl')"
         preset="dialog"
-        transform-origin="center"
-    >
+        transform-origin="center">
         <n-form :model="ttlForm" :show-require-mark="false" label-placement="top">
             <n-form-item :label="$t('key')">
                 <n-input :value="currentKey" readonly />
@@ -82,8 +81,7 @@ const onConfirm = async () => {
                     v-model:value="ttlForm.ttl"
                     :max="Number.MAX_SAFE_INTEGER"
                     :min="-1"
-                    style="width: 100%"
-                >
+                    style="width: 100%">
                     <template #suffix>
                         {{ $t('second') }}
                     </template>
diff --git a/frontend/src/components/icons/Add.vue b/frontend/src/components/icons/Add.vue
index d602ce9..44d05c6 100644
--- a/frontend/src/components/icons/Add.vue
+++ b/frontend/src/components/icons/Add.vue
@@ -14,22 +14,19 @@ const props = defineProps({
             d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M24 16V32"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M16 24L32 24"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/AddGroup.vue b/frontend/src/components/icons/AddGroup.vue
index bc508e1..65c49d9 100644
--- a/frontend/src/components/icons/AddGroup.vue
+++ b/frontend/src/components/icons/AddGroup.vue
@@ -14,8 +14,7 @@ const props = defineProps({
             d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M18 27H30" stroke="currentColor" stroke-linecap="round" />
         <path :stroke-width="props.strokeWidth" d="M24 21L24 33" stroke="currentColor" stroke-linecap="round" />
     </svg>
diff --git a/frontend/src/components/icons/AddLink.vue b/frontend/src/components/icons/AddLink.vue
index 069abfb..72808d3 100644
--- a/frontend/src/components/icons/AddLink.vue
+++ b/frontend/src/components/icons/AddLink.vue
@@ -14,15 +14,13 @@ const props = defineProps({
             d="M24.0605 10L24.0239 38"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M10 24L38 24"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Clear.vue b/frontend/src/components/icons/Clear.vue
index 83c5738..11c40f2 100644
--- a/frontend/src/components/icons/Clear.vue
+++ b/frontend/src/components/icons/Clear.vue
@@ -16,43 +16,37 @@ const props = defineProps({
             fill-rule="evenodd"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M8 40H40V22H8V40Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M16 39.8976V33.9141"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M24 39.8977V33.8977"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M32 39.8976V33.9141"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M12 40H36"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Close.vue b/frontend/src/components/icons/Close.vue
index 8c65664..3e6ece6 100644
--- a/frontend/src/components/icons/Close.vue
+++ b/frontend/src/components/icons/Close.vue
@@ -18,22 +18,19 @@ const props = defineProps({
             d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M29.6567 18.3432L18.343 29.6569"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M18.3433 18.3432L29.657 29.6569"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
     <svg v-else fill="none" height="24" viewBox="0 0 48 48" width="24" xmlns="http://www.w3.org/2000/svg">
         <path
@@ -41,15 +38,13 @@ const props = defineProps({
             d="M8 8L40 40"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M8 40L40 8"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Config.vue b/frontend/src/components/icons/Config.vue
index 1212b66..07d9f65 100644
--- a/frontend/src/components/icons/Config.vue
+++ b/frontend/src/components/icons/Config.vue
@@ -14,15 +14,13 @@ const props = defineProps({
             d="M18.2838 43.1713C14.9327 42.1736 11.9498 40.3213 9.58787 37.867C10.469 36.8227 11 35.4734 11 34.0001C11 30.6864 8.31371 28.0001 5 28.0001C4.79955 28.0001 4.60139 28.01 4.40599 28.0292C4.13979 26.7277 4 25.3803 4 24.0001C4 21.9095 4.32077 19.8938 4.91579 17.9995C4.94381 17.9999 4.97188 18.0001 5 18.0001C8.31371 18.0001 11 15.3138 11 12.0001C11 11.0488 10.7786 10.1493 10.3846 9.35011C12.6975 7.1995 15.5205 5.59002 18.6521 4.72314C19.6444 6.66819 21.6667 8.00013 24 8.00013C26.3333 8.00013 28.3556 6.66819 29.3479 4.72314C32.4795 5.59002 35.3025 7.1995 37.6154 9.35011C37.2214 10.1493 37 11.0488 37 12.0001C37 15.3138 39.6863 18.0001 43 18.0001C43.0281 18.0001 43.0562 17.9999 43.0842 17.9995C43.6792 19.8938 44 21.9095 44 24.0001C44 25.3803 43.8602 26.7277 43.594 28.0292C43.3986 28.01 43.2005 28.0001 43 28.0001C39.6863 28.0001 37 30.6864 37 34.0001C37 35.4734 37.531 36.8227 38.4121 37.867C36.0502 40.3213 33.0673 42.1736 29.7162 43.1713C28.9428 40.752 26.676 39.0001 24 39.0001C21.324 39.0001 19.0572 40.752 18.2838 43.1713Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M24 31C27.866 31 31 27.866 31 24C31 20.134 27.866 17 24 17C20.134 17 17 20.134 17 24C17 27.866 20.134 31 24 31Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Connect.vue b/frontend/src/components/icons/Connect.vue
index 9c14991..1e539f0 100644
--- a/frontend/src/components/icons/Connect.vue
+++ b/frontend/src/components/icons/Connect.vue
@@ -14,15 +14,13 @@ const props = defineProps({
             d="M30 19H20C15.5817 19 12 22.5817 12 27C12 31.4183 15.5817 35 20 35H36C40.4183 35 44 31.4183 44 27C44 24.9711 43.2447 23.1186 42 21.7084"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M6 24.2916C4.75527 22.8814 4 21.0289 4 19C4 14.5817 7.58172 11 12 11H28C32.4183 11 36 14.5817 36 19C36 23.4183 32.4183 27 28 27H18"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Copy.vue b/frontend/src/components/icons/Copy.vue
index fd61445..891f8d4 100644
--- a/frontend/src/components/icons/Copy.vue
+++ b/frontend/src/components/icons/Copy.vue
@@ -15,22 +15,19 @@ const props = defineProps({
             fill="none"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M30 4L41 16"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M7 20V44H28"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M19 20H23" stroke="currentColor" stroke-linecap="round" />
         <path :stroke-width="props.strokeWidth" d="M19 28H31" stroke="currentColor" stroke-linecap="round" />
     </svg>
diff --git a/frontend/src/components/icons/CopyLink.vue b/frontend/src/components/icons/CopyLink.vue
index 66e04d9..15a2c05 100644
--- a/frontend/src/components/icons/CopyLink.vue
+++ b/frontend/src/components/icons/CopyLink.vue
@@ -12,8 +12,7 @@ const props = defineProps({
         <path
             :stroke-width="props.strokeWidth"
             d="M12 9.92704V7C12 5.34315 13.3431 4 15 4H41C42.6569 4 44 5.34315 44 7V33C44 34.6569 42.6569 36 41 36H38.0174"
-            stroke="currentColor"
-        />
+            stroke="currentColor" />
         <rect
             :stroke-width="props.strokeWidth"
             fill="none"
@@ -23,36 +22,31 @@ const props = defineProps({
             stroke-linejoin="round"
             width="34"
             x="4"
-            y="10"
-        />
+            y="10" />
         <path
             :stroke-width="props.strokeWidth"
             d="M18.4394 23.1101L23.7319 17.6006C25.1835 16.1489 27.5691 16.1809 29.0602 17.672C30.5513 19.1631 30.5833 21.5487 29.1316 23.0003L27.2215 25.0231"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M13.4661 28.7472C12.9558 29.2575 11.9006 30.2765 11.9006 30.2765C10.4489 31.7281 10.4095 34.3155 11.9006 35.8066C13.3917 37.2977 15.7772 37.3296 17.2289 35.878L22.3931 31.1896"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M18.6626 28.3284C17.97 27.6358 17.5922 26.7502 17.5317 25.8548C17.4619 24.8226 17.8138 23.7774 18.5912 23.0001"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M22.3213 25.8613C23.8124 27.3524 23.8444 29.738 22.3927 31.1896"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Delete.vue b/frontend/src/components/icons/Delete.vue
index 1ad1bdf..215c256 100644
--- a/frontend/src/components/icons/Delete.vue
+++ b/frontend/src/components/icons/Delete.vue
@@ -13,8 +13,7 @@ const props = defineProps({
             :stroke-width="props.strokeWidth"
             d="M15 12L16.2 5H31.8L33 12"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M6 12H42" stroke="currentColor" stroke-linecap="round" />
         <path
             :stroke-width="props.strokeWidth"
@@ -24,8 +23,7 @@ const props = defineProps({
             fill-rule="evenodd"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M20 22V34" stroke="currentColor" stroke-linecap="round" />
         <path :stroke-width="props.strokeWidth" d="M28 22V34" stroke="currentColor" stroke-linecap="round" />
     </svg>
diff --git a/frontend/src/components/icons/Edit.vue b/frontend/src/components/icons/Edit.vue
index fa30d1c..6c46814 100644
--- a/frontend/src/components/icons/Edit.vue
+++ b/frontend/src/components/icons/Edit.vue
@@ -14,15 +14,13 @@ const props = defineProps({
             d="M7 42H43"
             stroke="currentColorr"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M11 26.7199V34H18.3172L39 13.3081L31.6951 6L11 26.7199Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Filter.vue b/frontend/src/components/icons/Filter.vue
index 93a7882..d4ae56d 100644
--- a/frontend/src/components/icons/Filter.vue
+++ b/frontend/src/components/icons/Filter.vue
@@ -14,7 +14,6 @@ const props = defineProps({
             d="M6 9L20.4 25.8178V38.4444L27.6 42V25.8178L42 9H6Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
diff --git a/frontend/src/components/icons/Github.vue b/frontend/src/components/icons/Github.vue
index ca5d314..c171cd6 100644
--- a/frontend/src/components/icons/Github.vue
+++ b/frontend/src/components/icons/Github.vue
@@ -13,14 +13,12 @@
             clip-rule="evenodd"
             d="M24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4ZM0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24Z"
             fill="currentColor"
-            fill-rule="evenodd"
-        />
+            fill-rule="evenodd" />
         <path
             clip-rule="evenodd"
             d="M19.1833 45.4716C18.9898 45.2219 18.9898 42.9973 19.1833 38.798C17.1114 38.8696 15.8024 38.7258 15.2563 38.3667C14.437 37.828 13.6169 36.1667 12.8891 34.9959C12.1614 33.8251 10.5463 33.64 9.89405 33.3783C9.24182 33.1165 9.07809 32.0496 11.6913 32.8565C14.3044 33.6634 14.4319 35.8607 15.2563 36.3745C16.0806 36.8883 18.0515 36.6635 18.9448 36.2519C19.8382 35.8403 19.7724 34.3078 19.9317 33.7007C20.1331 33.134 19.4233 33.0083 19.4077 33.0037C18.5355 33.0037 13.9539 32.0073 12.6955 27.5706C11.437 23.134 13.0581 20.2341 13.9229 18.9875C14.4995 18.1564 14.4485 16.3852 13.7699 13.6737C16.2335 13.3589 18.1347 14.1343 19.4734 16.0001C19.4747 16.0108 21.2285 14.9572 24.0003 14.9572C26.772 14.9572 27.7553 15.8154 28.5142 16.0001C29.2731 16.1848 29.88 12.7341 34.5668 13.6737C33.5883 15.5969 32.7689 18.0001 33.3943 18.9875C34.0198 19.9749 36.4745 23.1147 34.9666 27.5706C33.9614 30.5413 31.9853 32.3523 29.0384 33.0037C28.7005 33.1115 28.5315 33.2855 28.5315 33.5255C28.5315 33.8856 28.9884 33.9249 29.6465 35.6117C30.0853 36.7362 30.117 39.948 29.7416 45.247C28.7906 45.4891 28.0508 45.6516 27.5221 45.7347C26.5847 45.882 25.5669 45.9646 24.5669 45.9965C23.5669 46.0284 23.2196 46.0248 21.837 45.8961C20.9154 45.8103 20.0308 45.6688 19.1833 45.4716Z"
             fill="currentColor"
-            fill-rule="evenodd"
-        />
+            fill-rule="evenodd" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Help.vue b/frontend/src/components/icons/Help.vue
index a33ee13..334a22b 100644
--- a/frontend/src/components/icons/Help.vue
+++ b/frontend/src/components/icons/Help.vue
@@ -14,21 +14,18 @@ const props = defineProps({
             d="M24 44C29.5228 44 34.5228 41.7614 38.1421 38.1421C41.7614 34.5228 44 29.5228 44 24C44 18.4772 41.7614 13.4772 38.1421 9.85786C34.5228 6.23858 29.5228 4 24 4C18.4772 4 13.4772 6.23858 9.85786 9.85786C6.23858 13.4772 4 18.4772 4 24C4 29.5228 6.23858 34.5228 9.85786 38.1421C13.4772 41.7614 18.4772 44 24 44Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M24 28.6248V24.6248C27.3137 24.6248 30 21.9385 30 18.6248C30 15.3111 27.3137 12.6248 24 12.6248C20.6863 12.6248 18 15.3111 18 18.6248"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             clip-rule="evenodd"
             d="M24 37.6248C25.3807 37.6248 26.5 36.5055 26.5 35.1248C26.5 33.7441 25.3807 32.6248 24 32.6248C22.6193 32.6248 21.5 33.7441 21.5 35.1248C21.5 36.5055 22.6193 37.6248 24 37.6248Z"
             fill="currentColor"
-            fill-rule="evenodd"
-        />
+            fill-rule="evenodd" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Key.vue b/frontend/src/components/icons/Key.vue
index 94207b4..97656f9 100644
--- a/frontend/src/components/icons/Key.vue
+++ b/frontend/src/components/icons/Key.vue
@@ -15,8 +15,7 @@ const props = defineProps({
         stroke="currentColor"
         stroke-width="1.4"
         stroke-linecap="round"
-        stroke-linejoin="round"
-    >
+        stroke-linejoin="round">
         <path :fill="props.fillColor" d="M2 18v3c0 .6.4 1 1 1h4v-3h3v-3h2l1.4-1.4a6.5 6.5 0 1 0-4-4Z" />
         <circle cx="16.5" cy="7.5" r="1.5" />
     </svg>
diff --git a/frontend/src/components/icons/Layer.vue b/frontend/src/components/icons/Layer.vue
index e4dafa7..dca9c07 100644
--- a/frontend/src/components/icons/Layer.vue
+++ b/frontend/src/components/icons/Layer.vue
@@ -18,12 +18,10 @@ const props = defineProps({
         stroke="currentColor"
         stroke-width="1.5"
         stroke-linecap="round"
-        stroke-linejoin="round"
-    >
+        stroke-linejoin="round">
         <path
             d="M10 20H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H20a2 2 0 0 1 2 2v2"
-            :fill="props.fillColor"
-        />
+            :fill="props.fillColor" />
         <circle cx="16" cy="20" r="2" :fill="props.fillColor" />
         <path d="m22 14-4.5 4.5" />
         <path d="m21 15 1 1" />
diff --git a/frontend/src/components/icons/Log.vue b/frontend/src/components/icons/Log.vue
index 3fb3b37..4ea18b7 100644
--- a/frontend/src/components/icons/Log.vue
+++ b/frontend/src/components/icons/Log.vue
@@ -17,29 +17,25 @@ const props = defineProps({
             stroke-linejoin="round"
             width="28"
             x="13"
-            y="10"
-        />
+            y="10" />
         <path
             :stroke-width="strokeWidth"
             d="M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M21 22H33"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M21 30H33"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Refresh.vue b/frontend/src/components/icons/Refresh.vue
index 5d9c322..4abbc9e 100644
--- a/frontend/src/components/icons/Refresh.vue
+++ b/frontend/src/components/icons/Refresh.vue
@@ -18,16 +18,14 @@ const props = defineProps({
             d="M36.7279 36.7279C33.4706 39.9853 28.9706 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C28.9706 6 33.4706 8.01472 36.7279 11.2721C38.3859 12.9301 42 17 42 17"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             class="default-stroke"
             d="M42 8V17H33"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Save.vue b/frontend/src/components/icons/Save.vue
index f66cc6e..b9961b5 100644
--- a/frontend/src/components/icons/Save.vue
+++ b/frontend/src/components/icons/Save.vue
@@ -14,15 +14,13 @@ const props = defineProps({
             d="M39.3 6H8.7C7.20883 6 6 7.20883 6 8.7V39.3C6 40.7912 7.20883 42 8.7 42H39.3C40.7912 42 42 40.7912 42 39.3V8.7C42 7.20883 40.7912 6 39.3 6Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M32 6V24H15V6H32Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M26 13V17" stroke="currentColor" stroke-linecap="round" />
         <path :stroke-width="props.strokeWidth" d="M10.9971 6H35.9986" stroke="currentColor" stroke-linecap="round" />
     </svg>
diff --git a/frontend/src/components/icons/Search.vue b/frontend/src/components/icons/Search.vue
index 8091e7f..a2c2161 100644
--- a/frontend/src/components/icons/Search.vue
+++ b/frontend/src/components/icons/Search.vue
@@ -14,22 +14,19 @@ const props = defineProps({
             d="M21 38C30.3888 38 38 30.3888 38 21C38 11.6112 30.3888 4 21 4C11.6112 4 4 11.6112 4 21C4 30.3888 11.6112 38 21 38Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M26.657 14.3431C25.2093 12.8954 23.2093 12 21.0001 12C18.791 12 16.791 12.8954 15.3433 14.3431"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M33.2216 33.2217L41.7069 41.707"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Sort.vue b/frontend/src/components/icons/Sort.vue
index 90f46a5..09b0c4b 100644
--- a/frontend/src/components/icons/Sort.vue
+++ b/frontend/src/components/icons/Sort.vue
@@ -14,29 +14,25 @@ const props = defineProps({
             d="M25 14L16 5L7 14"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M15.9917 31V5"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M42 34L33 43L24 34"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M32.9917 17V43"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Structure.vue b/frontend/src/components/icons/Structure.vue
index 03a3678..b0ebac3 100644
--- a/frontend/src/components/icons/Structure.vue
+++ b/frontend/src/components/icons/Structure.vue
@@ -14,50 +14,43 @@ const props = defineProps({
             d="M38 20H18V28H38V20Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M32 6H18V14H32V6Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M44 34H18V42H44V34Z"
             fill="none"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M17 10H5"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M17 24H5"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M17 38H5"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M5 44V4"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Timer.vue b/frontend/src/components/icons/Timer.vue
index ed665ab..260d4bb 100644
--- a/frontend/src/components/icons/Timer.vue
+++ b/frontend/src/components/icons/Timer.vue
@@ -15,36 +15,31 @@ const props = defineProps({
             d="M28 4L20 4"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M24 4V12"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M35 16L38 13"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M24 28V22"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M24 28H18"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/ToggleDb.vue b/frontend/src/components/icons/ToggleDb.vue
index 4fa420a..a4b0186 100644
--- a/frontend/src/components/icons/ToggleDb.vue
+++ b/frontend/src/components/icons/ToggleDb.vue
@@ -24,22 +24,19 @@ const props = defineProps({
             :stroke-width="props.strokeWidth"
             d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke="props.fillColor"
             :stroke-width="props.strokeWidth"
             d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke="props.fillColor"
             :stroke-width="props.strokeWidth"
             d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <ellipse
             :stroke="props.fillColor"
             :stroke-width="props.strokeWidth"
@@ -49,8 +46,7 @@ const props = defineProps({
             rx="20"
             ry="6"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
     <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
@@ -58,22 +54,19 @@ const props = defineProps({
             d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <ellipse
             :stroke-width="props.strokeWidth"
             cx="24"
@@ -83,8 +76,7 @@ const props = defineProps({
             ry="6"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/ToggleFolder.vue b/frontend/src/components/icons/ToggleFolder.vue
index 49bbd0b..013a42f 100644
--- a/frontend/src/components/icons/ToggleFolder.vue
+++ b/frontend/src/components/icons/ToggleFolder.vue
@@ -24,16 +24,14 @@ const props = defineProps({
             d="M4 9V41L9 21H39.5V15C39.5 13.8954 38.6046 13 37.5 13H24L19 7H6C4.89543 7 4 7.89543 4 9Z"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :fill="props.fillColor"
             :stroke-width="props.strokeWidth"
             d="M40 41L44 21H8.8125L4 41H40Z"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
     <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
@@ -41,23 +39,20 @@ const props = defineProps({
             :stroke-width="props.strokeWidth"
             d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z"
             stroke="currentColor"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M43 22H5" stroke="currentColor" stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M5 16V28"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M43 16V28"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/ToggleServer.vue b/frontend/src/components/icons/ToggleServer.vue
index 73ad00b..d2ae5a3 100644
--- a/frontend/src/components/icons/ToggleServer.vue
+++ b/frontend/src/components/icons/ToggleServer.vue
@@ -25,37 +25,32 @@ const props = defineProps({
             :stroke-width="props.strokeWidth"
             d="M41 4H7C5.34315 4 4 5.34315 4 7V41C4 42.6569 5.34315 44 7 44H41C42.6569 44 44 42.6569 44 41V7C44 5.34315 42.6569 4 41 4Z"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="#FFF" stroke-linecap="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M10 38H11"
             stroke="#FFF"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M26 38H38"
             stroke="#FFF"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke="props.fillColor"
             :stroke-width="props.strokeWidth"
             d="M44 37V27"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke="props.fillColor"
             :stroke-width="props.strokeWidth"
             d="M4 37V27"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
     <svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
         <path
@@ -64,37 +59,32 @@ const props = defineProps({
             fill="none"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path :stroke-width="props.strokeWidth" d="M4 32H44" stroke="currentColor" stroke-linecap="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M10 38H11"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M26 38H38"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M44 37V27"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="props.strokeWidth"
             d="M4 37V27"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Unlink.vue b/frontend/src/components/icons/Unlink.vue
index 37de6f5..ec1048a 100644
--- a/frontend/src/components/icons/Unlink.vue
+++ b/frontend/src/components/icons/Unlink.vue
@@ -15,44 +15,38 @@ const props = defineProps({
             fill="none"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M42 6L37 11"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M11 25.9999L14 22.9999L25 33.9999L22 36.9999C20.5 38.5 15 41 11 36.9999C7 32.9999 9.5 27.5 11 25.9999Z"
             fill="none"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M23 32L27 28"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M6 42L11 37"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M16 25L20 21"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/icons/Update.vue b/frontend/src/components/icons/Update.vue
index a271f8f..2812f74 100644
--- a/frontend/src/components/icons/Update.vue
+++ b/frontend/src/components/icons/Update.vue
@@ -15,22 +15,19 @@ const props = defineProps({
             fill="none"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M33.5424 27C32.2681 31.0571 28.4778 34 24.0002 34C19.5226 34 15.7323 31.0571 14.458 27V33"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
         <path
             :stroke-width="strokeWidth"
             d="M33.5424 15V21C32.2681 16.9429 28.4778 14 24.0002 14C19.5226 14 15.7323 16.9429 14.458 21"
             stroke="currentColor"
             stroke-linecap="round"
-            stroke-linejoin="round"
-        />
+            stroke-linejoin="round" />
     </svg>
 </template>
 
diff --git a/frontend/src/components/new_value/AddHashValue.vue b/frontend/src/components/new_value/AddHashValue.vue
index 98926f6..93cf142 100644
--- a/frontend/src/components/new_value/AddHashValue.vue
+++ b/frontend/src/components/new_value/AddHashValue.vue
@@ -56,8 +56,7 @@ const onUpdate = (val) => {
             :key-placeholder="$t('enter_field')"
             :value-placeholder="$t('enter_value')"
             preset="pair"
-            @update:value="onUpdate"
-        >
+            @update:value="onUpdate">
             <template #action="{ index, create, remove, move }">
                 <icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" />
                 <icon-button :icon="Add" size="18" @click="() => create(index)" />
diff --git a/frontend/src/components/new_value/AddZSetValue.vue b/frontend/src/components/new_value/AddZSetValue.vue
index 15b3770..f697e3d 100644
--- a/frontend/src/components/new_value/AddZSetValue.vue
+++ b/frontend/src/components/new_value/AddZSetValue.vue
@@ -65,8 +65,7 @@ const onUpdate = () => {
                     v-model:value="value.value"
                     :placeholder="$t('enter_elem')"
                     type="text"
-                    @update:value="onUpdate"
-                />
+                    @update:value="onUpdate" />
                 <n-input-number v-model:value="value.score" :placeholder="$t('enter_score')" @update:value="onUpdate" />
             </template>
             <template #action="{ index, create, remove, move }">
diff --git a/frontend/src/components/new_value/NewHashValue.vue b/frontend/src/components/new_value/NewHashValue.vue
index a301174..f34f74d 100644
--- a/frontend/src/components/new_value/NewHashValue.vue
+++ b/frontend/src/components/new_value/NewHashValue.vue
@@ -43,8 +43,7 @@ defineExpose({
             :key-placeholder="$t('enter_field')"
             :value-placeholder="$t('enter_value')"
             preset="pair"
-            @update:value="onUpdate"
-        >
+            @update:value="onUpdate">
             <template #action="{ index, create, remove, move }">
                 <icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" />
                 <icon-button :icon="Add" size="18" @click="() => create(index)" />
diff --git a/frontend/src/components/new_value/NewStreamValue.vue b/frontend/src/components/new_value/NewStreamValue.vue
index 20d05c0..d306e0e 100644
--- a/frontend/src/components/new_value/NewStreamValue.vue
+++ b/frontend/src/components/new_value/NewStreamValue.vue
@@ -49,8 +49,7 @@ defineExpose({
             :key-placeholder="$t('enter_field')"
             :value-placeholder="$t('enter_value')"
             preset="pair"
-            @update:value="onUpdate"
-        >
+            @update:value="onUpdate">
             <template #action="{ index, create, remove, move }">
                 <icon-button v-if="kvList.length > 1" :icon="Delete" size="18" @click="() => remove(index)" />
                 <icon-button :icon="Add" size="18" @click="() => create(index)" />
diff --git a/frontend/src/components/new_value/NewStringValue.vue b/frontend/src/components/new_value/NewStringValue.vue
index 655fa8e..bac38e3 100644
--- a/frontend/src/components/new_value/NewStringValue.vue
+++ b/frontend/src/components/new_value/NewStringValue.vue
@@ -13,8 +13,7 @@ const emit = defineEmits(['update:value'])
             :value="props.value"
             placeholder=""
             type="textarea"
-            @input="(val) => emit('update:value', val)"
-        />
+            @input="(val) => emit('update:value', val)" />
     </n-form-item>
 </template>
 
diff --git a/frontend/src/components/new_value/NewZSetValue.vue b/frontend/src/components/new_value/NewZSetValue.vue
index f64db5f..6398b1c 100644
--- a/frontend/src/components/new_value/NewZSetValue.vue
+++ b/frontend/src/components/new_value/NewZSetValue.vue
@@ -48,8 +48,7 @@ defineExpose({
                     v-model:value="value.value"
                     :placeholder="$t('enter_member')"
                     type="text"
-                    @update:value="onUpdate"
-                />
+                    @update:value="onUpdate" />
                 <n-input-number v-model:value="value.score" :placeholder="$t('enter_score')" @update:value="onUpdate" />
             </template>
             <template #action="{ index, create, remove, move }">
diff --git a/frontend/src/components/sidebar/BrowserPane.vue b/frontend/src/components/sidebar/BrowserPane.vue
index 4dc618f..552e95a 100644
--- a/frontend/src/components/sidebar/BrowserPane.vue
+++ b/frontend/src/components/sidebar/BrowserPane.vue
@@ -72,8 +72,7 @@ const filterTypeOptions = computed(() => {
                     v-model:value="filterForm.type"
                     :consistent-menu-width="false"
                     :options="filterTypeOptions"
-                    style="width: 120px"
-                />
+                    style="width: 120px" />
                 <n-input clearable placeholder="" />
                 <n-button ghost>
                     <template #icon>
diff --git a/frontend/src/components/sidebar/BrowserTree.vue b/frontend/src/components/sidebar/BrowserTree.vue
index fb97a6a..e10534a 100644
--- a/frontend/src/components/sidebar/BrowserTree.vue
+++ b/frontend/src/components/sidebar/BrowserTree.vue
@@ -602,8 +602,7 @@ const handleOutsideContextMenu = () => {
             virtual-scroll
             @load="onLoadTree"
             @update:selected-keys="onUpdateSelectedKeys"
-            @update:expanded-keys="onUpdateExpanded"
-        />
+            @update:expanded-keys="onUpdateExpanded" />
         <n-dropdown
             :animated="false"
             :options="contextMenuParam.options"
@@ -614,8 +613,7 @@ const handleOutsideContextMenu = () => {
             placement="bottom-start"
             trigger="manual"
             @clickoutside="handleOutsideContextMenu"
-            @select="handleSelectContextMenu"
-        />
+            @select="handleSelectContextMenu" />
     </div>
 </template>
 
diff --git a/frontend/src/components/sidebar/ConnectionPane.vue b/frontend/src/components/sidebar/ConnectionPane.vue
index cca8bb7..26edc94 100644
--- a/frontend/src/components/sidebar/ConnectionPane.vue
+++ b/frontend/src/components/sidebar/ConnectionPane.vue
@@ -31,23 +31,20 @@ const onDisconnectAll = () => {
                 size="20"
                 stroke-width="4"
                 t-tooltip="new_conn"
-                @click="dialogStore.openNewDialog()"
-            />
+                @click="dialogStore.openNewDialog()" />
             <icon-button
                 :icon="AddGroup"
                 size="20"
                 stroke-width="4"
                 t-tooltip="new_group"
-                @click="dialogStore.openNewGroupDialog()"
-            />
+                @click="dialogStore.openNewGroupDialog()" />
             <icon-button
                 :disabled="!connectionStore.anyConnectionOpened"
                 :icon="Unlink"
                 size="20"
                 stroke-width="4"
                 t-tooltip="disconnect_all"
-                @click="onDisconnectAll"
-            />
+                @click="onDisconnectAll" />
             <n-input v-model:value="filterPattern" :placeholder="$t('filter')" clearable>
                 <template #prefix>
                     <n-icon :component="Filter" size="20" />
diff --git a/frontend/src/components/sidebar/ConnectionTree.vue b/frontend/src/components/sidebar/ConnectionTree.vue
index ba874ea..03d4760 100644
--- a/frontend/src/components/sidebar/ConnectionTree.vue
+++ b/frontend/src/components/sidebar/ConnectionTree.vue
@@ -359,8 +359,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
         virtual-scroll
         @drop="handleDrop"
         @update:selected-keys="onUpdateSelectedKeys"
-        @update:expanded-keys="onUpdateExpandedKeys"
-    />
+        @update:expanded-keys="onUpdateExpandedKeys" />
 
     <!-- status display modal -->
     <n-modal :show="openingConnection" transform-origin="center">
@@ -369,8 +368,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
             :content-style="{ textAlign: 'center' }"
             aria-model="true"
             role="dialog"
-            style="width: 400px"
-        >
+            style="width: 400px">
             <n-spin>
                 <template #description>
                     {{ $t('opening_connection') }}
@@ -390,8 +388,7 @@ const handleDrop = ({ node, dragNode, dropPosition }) => {
         placement="bottom-start"
         trigger="manual"
         @clickoutside="contextMenuParam.show = false"
-        @select="handleSelectContextMenu"
-    />
+        @select="handleSelectContextMenu" />
 </template>
 
 <style lang="scss" scoped>
diff --git a/frontend/src/components/sidebar/NavMenu.vue b/frontend/src/components/sidebar/NavMenu.vue
index 31e7278..0fc45f2 100644
--- a/frontend/src/components/sidebar/NavMenu.vue
+++ b/frontend/src/components/sidebar/NavMenu.vue
@@ -104,16 +104,14 @@ const openGithub = () => {
         :style="{
             width: props.width + 'px',
         }"
-        class="flex-box-v"
-    >
+        class="flex-box-v">
         <n-menu
             :collapsed="true"
             :collapsed-icon-size="iconSize"
             :collapsed-width="props.width"
             :options="menuOptions"
             :value="props.value"
-            @update:value="(val) => emit('update:value', val)"
-        />
+            @update:value="(val) => emit('update:value', val)" />
         <div class="flex-item-expand"></div>
         <div class="nav-menu-item flex-box-v">
             <n-dropdown
@@ -122,8 +120,7 @@ const openGithub = () => {
                 :options="preferencesOptions"
                 :render-label="renderContextLabel"
                 trigger="click"
-                @select="onSelectPreferenceMenu"
-            >
+                @select="onSelectPreferenceMenu">
                 <icon-button :icon="Config" :size="iconSize" class="nav-menu-button" />
             </n-dropdown>
             <icon-button :icon="Github" :size="iconSize" class="nav-menu-button" @click="openGithub" />