diff --git a/frontend/src/components/Addr.vue b/frontend/src/components/Addr.vue
index 98ccbec..cc30b5a 100644
--- a/frontend/src/components/Addr.vue
+++ b/frontend/src/components/Addr.vue
@@ -59,7 +59,7 @@ export default {
   computed: {
     optionTLS: {
       get(): boolean { return this.$props.addr.tls != undefined },
-      set(v:boolean) { this.$props.addr.tls = v ? { enabled: true } : undefined; }
+      set(v:boolean) { this.$props.addr.tls = v ? { enabled: true } : undefined }
     },
     optionRemark: {
       get(): boolean { return this.$props.addr.remark != undefined },
diff --git a/frontend/src/components/Main.vue b/frontend/src/components/Main.vue
index b11da3c..4c26aab 100644
--- a/frontend/src/components/Main.vue
+++ b/frontend/src/components/Main.vue
@@ -209,7 +209,7 @@ const startTimer = () => {
 
 const stopTimer = () => {
   if (intervalId) {
-    clearInterval(intervalId);
+    clearInterval(intervalId)
     intervalId = null
   }
 }
diff --git a/frontend/src/components/OutJson.vue b/frontend/src/components/OutJson.vue
index afbc382..e5f97e9 100644
--- a/frontend/src/components/OutJson.vue
+++ b/frontend/src/components/OutJson.vue
@@ -114,7 +114,7 @@ export default {
     needNetwork():boolean { return this.haveNetwork.includes(this.$props.type) },
     needUot():boolean { return this.havUoT.includes(this.$props.type) },
     packet_encoding: {
-      get() { return this.$props.inData.out_json.packet_encoding != undefined ? this.$props.inData.out_json.packet_encoding : 'none'; },
+      get() { return this.$props.inData.out_json.packet_encoding != undefined ? this.$props.inData.out_json.packet_encoding : 'none' },
       set(v:string) { this.$props.inData.out_json.packet_encoding = v != "none" ? v : undefined }
     },
   },
diff --git a/frontend/src/components/Users.vue b/frontend/src/components/Users.vue
index 636c1c0..fdf958d 100644
--- a/frontend/src/components/Users.vue
+++ b/frontend/src/components/Users.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script lang="ts">
-import { i18n } from '@/locales';
+import { i18n } from '@/locales'
 
 
 export default {
diff --git a/frontend/src/components/WgPeer.vue b/frontend/src/components/WgPeer.vue
index c6e037f..1051c79 100644
--- a/frontend/src/components/WgPeer.vue
+++ b/frontend/src/components/WgPeer.vue
@@ -46,8 +46,6 @@
 </template>
 
 <script lang="ts">
-import { KeepAlive } from 'vue';
-
 export default {
   props: ['data'],
   data() {
diff --git a/frontend/src/components/message.vue b/frontend/src/components/message.vue
index 968ef94..ef28851 100644
--- a/frontend/src/components/message.vue
+++ b/frontend/src/components/message.vue
@@ -17,7 +17,7 @@
 import { Notivue, Notification, NotivueSwipe, outlinedIcons, pastelTheme, darkTheme } from 'notivue'
 import { computed } from 'vue'
 import { useTheme } from 'vuetify'
-import vuetify from '@/plugins/vuetify';
+import vuetify from '@/plugins/vuetify'
 
 const Theme = useTheme()
 
diff --git a/frontend/src/components/protocols/Direct.vue b/frontend/src/components/protocols/Direct.vue
index 34823fc..95b68d9 100644
--- a/frontend/src/components/protocols/Direct.vue
+++ b/frontend/src/components/protocols/Direct.vue
@@ -34,8 +34,8 @@ export default {
   },
   computed: {
     override_port: {
-        get() { return this.$props.data.override_port ? this.$props.data.override_port : ''; },
-        set(newValue: any) { this.$props.data.override_port = newValue.length == 0 || newValue == 0 ? undefined : parseInt(newValue); }
+        get() { return this.$props.data.override_port ? this.$props.data.override_port : '' },
+        set(newValue: any) { this.$props.data.override_port = newValue.length == 0 || newValue == 0 ? undefined : parseInt(newValue) }
     },
   },
   components: { Network }
diff --git a/frontend/src/components/protocols/Http.vue b/frontend/src/components/protocols/Http.vue
index e028b48..e8969f2 100644
--- a/frontend/src/components/protocols/Http.vue
+++ b/frontend/src/components/protocols/Http.vue
@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts">
-import Headers from '@/components/Headers.vue';
+import Headers from '@/components/Headers.vue'
 
 export default {
   props: ['data'],
diff --git a/frontend/src/components/protocols/ShadowTls.vue b/frontend/src/components/protocols/ShadowTls.vue
index cd86197..a411095 100644
--- a/frontend/src/components/protocols/ShadowTls.vue
+++ b/frontend/src/components/protocols/ShadowTls.vue
@@ -111,13 +111,16 @@ export default {
   },
   computed: {
     version: {
-      get() { this.version = this.Inbound.version; return this.Inbound.version; },
+      get() {
+        this.version = this.Inbound.version
+        return this.Inbound.version
+      },
       set(newValue: any) {
         switch (newValue) {
         case 1:
           delete this.Inbound.password
           delete this.Inbound.handshake_for_server_name
-          break;
+          break
         case 2:
           if (!this.Inbound.password) {
             this.Inbound.password = ""
@@ -125,23 +128,23 @@ export default {
           if (!this.Inbound.handshake_for_server_name) {
             this.Inbound.handshake_for_server_name = {}
           }
-          break;
+          break
         case 3:
           delete this.Inbound.password
           if (!this.Inbound.handshake_for_server_name) {
             this.Inbound.handshake_for_server_name = {}
           }
-          break;
+          break
         }
-        this.Inbound.version = newValue;
+        this.Inbound.version = newValue
       }
     },
     Inbound(): ShadowTLS {
-      return <ShadowTLS>this.$props.data;
+      return <ShadowTLS>this.$props.data
     },
     server_port: {
-      get() { return this.Inbound.handshake.server_port ? this.Inbound.handshake.server_port : 443; },
-      set(newValue: any) { this.Inbound.handshake.server_port = newValue.length == 0 || newValue == 0 ? 443 : parseInt(newValue); }
+      get() { return this.Inbound.handshake.server_port ? this.Inbound.handshake.server_port : 443 },
+      set(newValue: any) { this.Inbound.handshake.server_port = newValue.length == 0 || newValue == 0 ? 443 : parseInt(newValue) }
     },
   },
   components: { Dial }
diff --git a/frontend/src/components/protocols/Shadowsocks.vue b/frontend/src/components/protocols/Shadowsocks.vue
index d2cc4a7..11303c4 100644
--- a/frontend/src/components/protocols/Shadowsocks.vue
+++ b/frontend/src/components/protocols/Shadowsocks.vue
@@ -33,8 +33,8 @@
 
 <script lang="ts">
 import Network from '@/components/Network.vue'
-import UoT from '@/components/UoT.vue';
-import RandomUtil from '@/plugins/randomUtil';
+import UoT from '@/components/UoT.vue'
+import RandomUtil from '@/plugins/randomUtil'
 
 export default {
   props: ['direction','data'],
diff --git a/frontend/src/components/protocols/Socks.vue b/frontend/src/components/protocols/Socks.vue
index de605f2..f39b28b 100644
--- a/frontend/src/components/protocols/Socks.vue
+++ b/frontend/src/components/protocols/Socks.vue
@@ -37,7 +37,7 @@
 
 <script lang="ts">
 import Network from '@/components/Network.vue'
-import UoT from '@/components/UoT.vue';
+import UoT from '@/components/UoT.vue'
 
 export default {
   props: ['data'],
diff --git a/frontend/src/components/protocols/Vless.vue b/frontend/src/components/protocols/Vless.vue
index 8b09e00..0d7b559 100644
--- a/frontend/src/components/protocols/Vless.vue
+++ b/frontend/src/components/protocols/Vless.vue
@@ -39,7 +39,7 @@ export default {
   },
   computed: {
     packet_encoding: {
-      get() { return this.$props.data.packet_encoding != undefined ? this.$props.data.packet_encoding : 'none'; },
+      get() { return this.$props.data.packet_encoding != undefined ? this.$props.data.packet_encoding : 'none' },
       set(newValue:string) { this.$props.data.packet_encoding = newValue != "none" ? newValue : undefined }
     },
   },
diff --git a/frontend/src/components/protocols/Vmess.vue b/frontend/src/components/protocols/Vmess.vue
index 03b18d3..04d6690 100644
--- a/frontend/src/components/protocols/Vmess.vue
+++ b/frontend/src/components/protocols/Vmess.vue
@@ -63,7 +63,7 @@ export default {
   },
   computed: {
     packet_encoding: {
-      get() { return this.$props.data.packet_encoding != undefined ? this.$props.data.packet_encoding : 'none'; },
+      get() { return this.$props.data.packet_encoding != undefined ? this.$props.data.packet_encoding : 'none' },
       set(newValue:string) { this.$props.data.packet_encoding = newValue != "none" ? newValue : undefined }
     },
   },
diff --git a/frontend/src/components/tiles/Gauge.vue b/frontend/src/components/tiles/Gauge.vue
index 9903fea..ce8f7e4 100644
--- a/frontend/src/components/tiles/Gauge.vue
+++ b/frontend/src/components/tiles/Gauge.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { HumanReadable } from '@/plugins/utils';
-import { computed } from 'vue';
+import { HumanReadable } from '@/plugins/utils'
+import { computed } from 'vue'
 
 const props = defineProps({
   tilesData: <any>{},
diff --git a/frontend/src/components/transports/HttpUpgrade.vue b/frontend/src/components/transports/HttpUpgrade.vue
index 06a15dc..cfc3c90 100644
--- a/frontend/src/components/transports/HttpUpgrade.vue
+++ b/frontend/src/components/transports/HttpUpgrade.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts">
-import Headers from '../Headers.vue';
+import Headers from '../Headers.vue'
 export default {
   props: ['transport'],
   data() {
diff --git a/frontend/src/layouts/default/AppBar.vue b/frontend/src/layouts/default/AppBar.vue
index b0ba412..27bff40 100644
--- a/frontend/src/layouts/default/AppBar.vue
+++ b/frontend/src/layouts/default/AppBar.vue
@@ -9,12 +9,12 @@
 
 <script lang="ts" setup>
 import { ref } from "vue"
-import { useTheme } from "vuetify"
-import { useRoute } from "vue-router";
+import { useTheme } from 'vuetify'
+import { useRoute } from 'vue-router'
 
 defineProps(['isMobile'])
 
-const route = useRoute();
+const route = useRoute()
 const theme = useTheme()
 const darkMode = ref(localStorage.getItem('theme') == "dark")
 
diff --git a/frontend/src/layouts/modals/Client.vue b/frontend/src/layouts/modals/Client.vue
index 528622a..badf8a3 100644
--- a/frontend/src/layouts/modals/Client.vue
+++ b/frontend/src/layouts/modals/Client.vue
@@ -191,7 +191,7 @@
 import { createClient, randomConfigs, updateConfigs, Link, Client } from '@/types/clients'
 import DatePick from '@/components/DateTime.vue'
 import { HumanReadable } from '@/plugins/utils'
-import Data from '@/store/modules/data';
+import Data from '@/store/modules/data'
 
 export default {
   props: ['visible', 'id', 'inboundTags', 'groups'],
diff --git a/frontend/src/layouts/modals/ClientBulk.vue b/frontend/src/layouts/modals/ClientBulk.vue
index 2823382..a77e7f8 100644
--- a/frontend/src/layouts/modals/ClientBulk.vue
+++ b/frontend/src/layouts/modals/ClientBulk.vue
@@ -89,7 +89,7 @@ import DatePick from '@/components/DateTime.vue'
 import { push } from 'notivue'
 import RandomUtil from '@/plugins/randomUtil'
 import { Client, createClient, randomConfigs } from '@/types/clients'
-import { i18n } from '@/locales';
+import { i18n } from '@/locales'
 
 export default {
   props: ['visible', 'inboundTags', 'groups'],
diff --git a/frontend/src/layouts/modals/Rule.vue b/frontend/src/layouts/modals/Rule.vue
index a287469..1416402 100644
--- a/frontend/src/layouts/modals/Rule.vue
+++ b/frontend/src/layouts/modals/Rule.vue
@@ -169,7 +169,6 @@
 <script lang="ts">
 import { logicalRule, rule, actionKeys } from '@/types/rules'
 import RuleOptions from '@/components/Rule.vue'
-import { title } from 'process';
 export default {
   props: ['visible', 'data', 'index', 'clients', 'inTags', 'outTags', 'rsTags'],
   emits: ['close', 'save'],
diff --git a/frontend/src/layouts/modals/Stats.vue b/frontend/src/layouts/modals/Stats.vue
index 0edcc69..09d16be 100644
--- a/frontend/src/layouts/modals/Stats.vue
+++ b/frontend/src/layouts/modals/Stats.vue
@@ -101,8 +101,8 @@ export default {
           tooltip: {
             callbacks: {
               text: (ctx:any) => {
-                const {axis = 'xy', intersect, mode} = ctx.chart.options.interaction;
-                return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect;
+                const {axis = 'xy', intersect, mode} = ctx.chart.options.interaction
+                return 'Mode: ' + mode + ', axis: ' + axis + ', intersect: ' + intersect
               },
               footer: (items:any[]) => {
                 return HumanReadable.sizeFormat(items.reduce((acc, c) => acc + c.raw, 0))
diff --git a/frontend/src/locales/en.ts b/frontend/src/locales/en.ts
index d17385e..6095e5e 100644
--- a/frontend/src/locales/en.ts
+++ b/frontend/src/locales/en.ts
@@ -1,5 +1,3 @@
-import { en } from "vuetify/lib/locale/index.mjs";
-
 export default {
   message: "Welcome",
   success: "success",
diff --git a/frontend/src/locales/fa.ts b/frontend/src/locales/fa.ts
index d60da99..206d596 100644
--- a/frontend/src/locales/fa.ts
+++ b/frontend/src/locales/fa.ts
@@ -1,5 +1,3 @@
-import { config } from "process";
-
 export default {
   message: "خوش آمدید",
   success: "موفق",
diff --git a/frontend/src/locales/ru.ts b/frontend/src/locales/ru.ts
index dc709e9..e0de775 100644
--- a/frontend/src/locales/ru.ts
+++ b/frontend/src/locales/ru.ts
@@ -1,5 +1,3 @@
-import { config } from "process";
-
 export default {
   message: "Добро пожаловать",
   success: "успех",
diff --git a/frontend/src/locales/vi.ts b/frontend/src/locales/vi.ts
index afafb7d..656dd58 100644
--- a/frontend/src/locales/vi.ts
+++ b/frontend/src/locales/vi.ts
@@ -1,5 +1,3 @@
-import { title } from "process";
-
 export default {
   message: "Chào mừng OHB",
   success: "Thành công",
diff --git a/frontend/src/types/endpoints.ts b/frontend/src/types/endpoints.ts
index b0c4d6c..6bcddfd 100644
--- a/frontend/src/types/endpoints.ts
+++ b/frontend/src/types/endpoints.ts
@@ -43,7 +43,7 @@ export interface Warp extends WireGuard {
 type InterfaceMap = {
   [Key in keyof typeof EpTypes]: {
     type: string
-    [otherProperties: string]: any; // You can add other properties as needed
+    [otherProperties: string]: any // You can add other properties as needed
   }
 }
 
diff --git a/frontend/src/types/outbounds.ts b/frontend/src/types/outbounds.ts
index f4aa274..c211dd7 100644
--- a/frontend/src/types/outbounds.ts
+++ b/frontend/src/types/outbounds.ts
@@ -223,7 +223,7 @@ export interface URLTest extends OutboundBasics {
 type InterfaceMap = {
   [Key in keyof typeof OutTypes]: {
     type: string
-    [otherProperties: string]: any; // You can add other properties as needed
+    [otherProperties: string]: any // You can add other properties as needed
   }
 }
 
diff --git a/frontend/src/views/Clients.vue b/frontend/src/views/Clients.vue
index 8db55d9..3747d68 100644
--- a/frontend/src/views/Clients.vue
+++ b/frontend/src/views/Clients.vue
@@ -223,7 +223,6 @@ import QrCode from '@/layouts/modals/QrCode.vue'
 import Stats from '@/layouts/modals/Stats.vue'
 import { Client } from '@/types/clients'
 import { computed, ref } from 'vue'
-import { Inbound, inboundWithUsers } from '@/types/inbounds'
 import { HumanReadable } from '@/plugins/utils'
 import { i18n } from '@/locales'
 import { push } from 'notivue'
diff --git a/frontend/src/views/Endpoints.vue b/frontend/src/views/Endpoints.vue
index 65d920d..a271231 100644
--- a/frontend/src/views/Endpoints.vue
+++ b/frontend/src/views/Endpoints.vue
@@ -95,10 +95,10 @@
 import Data from '@/store/modules/data'
 import EndpointVue from '@/layouts/modals/Endpoint.vue'
 import Stats from '@/layouts/modals/Stats.vue'
-import { Endpoint } from '@/types/endpoints';
+import { Endpoint } from '@/types/endpoints'
 import { computed, ref } from 'vue'
-import { i18n } from '@/locales';
-import { push } from 'notivue';
+import { i18n } from '@/locales'
+import { push } from 'notivue'
 
 const endpoints = computed((): Endpoint[] => {
   return <Endpoint[]> Data().endpoints
diff --git a/frontend/src/views/Outbounds.vue b/frontend/src/views/Outbounds.vue
index 51115f3..c5674d9 100644
--- a/frontend/src/views/Outbounds.vue
+++ b/frontend/src/views/Outbounds.vue
@@ -95,10 +95,10 @@
 import Data from '@/store/modules/data'
 import OutboundVue from '@/layouts/modals/Outbound.vue'
 import Stats from '@/layouts/modals/Stats.vue'
-import { Outbound } from '@/types/outbounds';
+import { Outbound } from '@/types/outbounds'
 import { computed, ref } from 'vue'
-import { i18n } from '@/locales';
-import { push } from 'notivue';
+import { i18n } from '@/locales'
+import { push } from 'notivue'
 
 const outbounds = computed((): Outbound[] => {
   return <Outbound[]> Data().outbounds
@@ -167,8 +167,4 @@ const showStats = (tag: string) => {
 const closeStats = () => {
   stats.value.visible = false
 }
-
-function awaitData() {
-  throw new Error('Function not implemented.');
-}
 </script>
\ No newline at end of file
diff --git a/frontend/src/views/Rules.vue b/frontend/src/views/Rules.vue
index 5ebe103..d760a0b 100644
--- a/frontend/src/views/Rules.vue
+++ b/frontend/src/views/Rules.vue
@@ -291,19 +291,19 @@ const delRuleset = (index: number) => {
   delRulesetOverlay.value[index] = false
 }
 
-const draggedItemIndex = ref(null);
+const draggedItemIndex = ref(null)
 
 const onDragStart = (index: any) => {
-  draggedItemIndex.value = index;
+  draggedItemIndex.value = index
 }
 
 const onDrop = (index: any) => {
   if (draggedItemIndex.value !== null) {
     // Swap the dragged item with the dropped one
-    const draggedItem = rules.value[draggedItemIndex.value];
-    rules.value.splice(draggedItemIndex.value, 1);
-    rules.value.splice(index, 0, draggedItem);
-    draggedItemIndex.value = null;
+    const draggedItem = rules.value[draggedItemIndex.value]
+    rules.value.splice(draggedItemIndex.value, 1)
+    rules.value.splice(index, 0, draggedItem)
+    draggedItemIndex.value = null
   }
 }
 </script>
\ No newline at end of file