feat: eslint

napcat.webui/src/components/Dashboard.vue

@@ -20,7 +20,6 @@ interface MenuItem {
     route: string;
 }
 
-
 const menuItems = ref<MenuItem[]>([
     { value: 'item1', icon: 'dashboard', label: '基础信息', route: '/dashboard/basic-info' },
     { value: 'item3', icon: 'wifi-1', label: '网络配置', route: '/dashboard/network-config' },
@@ -28,9 +27,9 @@ const menuItems = ref<MenuItem[]>([
     { value: 'item5', icon: 'system-log', label: '日志查看', route: '/dashboard/log-view' },
     { value: 'item6', icon: 'info-circle', label: '关于我们', route: '/dashboard/about-us' },
 ]);
-const menuRef=ref<any>(null)
+const menuRef = ref<any>(null);
 emitter.on('sendMenu', (event) => {
-    emitter.emit('sendWidth',menuRef.value.offsetWidth);
+    emitter.emit('sendWidth', menuRef.value.offsetWidth);
     localStorage.setItem('menuWidth', menuRef.value.offsetWidth);
 });
 onMounted(() => {
@@ -39,7 +38,6 @@ onMounted(() => {
 </script>
 
 <style scoped>
-
 .dashboard-container {
     display: flex;
     flex-direction: row;
@@ -52,7 +50,6 @@ onMounted(() => {
     z-index: 2;
 }
 
-
 @media (max-width: 768px) {
     .content {
         padding: 10px;

napcat.webui/src/components/QQLogin.vue

@@ -3,22 +3,22 @@
         <div class="login-container">
             <h2 class="sotheby-font">QQ Login</h2>
             <div class="login-methods">
-                <t-tooltip  content="快速登录" >
+                <t-tooltip content="快速登录">
                     <t-button
                         id="quick-login"
                         class="login-method"
                         :class="{ active: loginMethod === 'quick' }"
                         @click="loginMethod = 'quick'"
-                    >Quick Login</t-button
+                        >Quick Login</t-button
                     >
                 </t-tooltip>
-                <t-tooltip content="二维码登录" >
+                <t-tooltip content="二维码登录">
                     <t-button
                         id="qrcode-login"
                         class="login-method"
                         :class="{ active: loginMethod === 'qrcode' }"
                         @click="loginMethod = 'qrcode'"
-                    >QR Code</t-button
+                        >QR Code</t-button
                     >
                 </t-tooltip>
             </div>
@@ -109,7 +109,7 @@ onMounted(() => {
 </script>
 
 <style scoped>
-.layout{
+.layout {
     height: 100vh;
 }
 .login-container {

napcat.webui/src/components/WebUiLogin.vue

@@ -1,5 +1,5 @@
 <template>
-    <t-card  class="layout">
+    <t-card class="layout">
         <div class="login-container">
             <h2 class="sotheby-font">WebUi Login</h2>
             <t-form ref="form" :data="formData" colon :label-width="0" @submit="onSubmit">
@@ -96,7 +96,7 @@ const onSubmit = async ({ validateResult }: { validateResult: boolean }) => {
 </script>
 
 <style scoped>
-.layout{
+.layout {
     height: 100vh;
 }
 .login-container {

napcat.webui/src/components/webui/Nav.vue

@@ -1,10 +1,10 @@
 <template>
-    <t-menu  theme="light" default-value="2-1" :collapsed="collapsed" class="sidebar-menu">
+    <t-menu theme="light" default-value="2-1" :collapsed="collapsed" class="sidebar-menu">
         <template #logo>
             <div class="logo">
                 <img class="logo-img" :width="collapsed ? 35 : 'auto'" src="@/assets/logo_webui.png" alt="logo" />
                 <div class="logo-textBox">
-                    <div class="logo-text">{{ collapsed? '' : 'NapCat' }}</div>
+                    <div class="logo-text">{{ collapsed ? '' : 'NapCat' }}</div>
                 </div>
             </div>
         </template>
@@ -19,7 +19,13 @@
             </t-tooltip>
         </router-link>
         <template #operations>
-            <t-button :disabled="disBtn" class="t-demo-collapse-btn" variant="text" shape="square" @click="changeCollapsed">
+            <t-button
+                :disabled="disBtn"
+                class="t-demo-collapse-btn"
+                variant="text"
+                shape="square"
+                @click="changeCollapsed"
+            >
                 <template #icon><t-icon :name="iconName" /></template>
             </t-button>
         </template>
@@ -51,9 +57,9 @@ const changeCollapsed = (): void => {
     localStorage.setItem('sidebar-collapsed', collapsed.value.toString());
 };
 watch(collapsed, (newValue, oldValue) => {
-    setTimeout(()=>{
+    setTimeout(() => {
         emitter.emit('sendMenu', collapsed.value);
-    },300)
+    }, 300);
 });
 onMounted(() => {
     const mediaQuery = window.matchMedia('(max-width: 800px)');
@@ -65,9 +71,9 @@ onMounted(() => {
     };
     mediaQuery.addEventListener('change', handleMediaChange);
     const event = new Event('change');
-    Object.defineProperty(event,'matches', {
+    Object.defineProperty(event, 'matches', {
         value: mediaQuery.matches,
-        writable: false
+        writable: false,
     });
     mediaQuery.dispatchEvent(event);
     return () => {
@@ -91,17 +97,17 @@ onMounted(() => {
         width: 100px; /* 移动端侧边栏宽度 */
     }
 }
-.logo{
+.logo {
     display: flex;
     width: auto;
     height: 100%;
 }
-.logo-img{
+.logo-img {
     object-fit: contain;
     margin-top: 8px;
     margin-bottom: 8px;
 }
-.logo-textBox{
+.logo-textBox {
     display: flex;
     align-items: center;
     margin-left: 10px;