refactor: standardize code formatting and linting configuration

- Replace .eslintrc.js with .eslintrc.cjs for better ES module compatibility
- Add .prettierrc configuration for consistent code formatting
- Update package.json with new lint and format scripts
- Add nodemon.json for development hot reloading configuration
- Standardize code formatting across all JavaScript and Vue files
- Update web admin SPA with improved linting rules and formatting
- Add prettier configuration to web admin SPA

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

web/admin-spa/src/components/apistats/LimitConfig.vue

@@ -2,89 +2,101 @@
   <div>
     <!-- 限制配置 -->
     <div class="card p-4 md:p-6">
-      <h3 class="text-lg md:text-xl font-bold mb-3 md:mb-4 flex items-center text-gray-900">
-        <i class="fas fa-shield-alt mr-2 md:mr-3 text-red-500 text-sm md:text-base" />
+      <h3 class="mb-3 flex items-center text-lg font-bold text-gray-900 md:mb-4 md:text-xl">
+        <i class="fas fa-shield-alt mr-2 text-sm text-red-500 md:mr-3 md:text-base" />
         限制配置
       </h3>
       <div class="space-y-4 md:space-y-5">
         <!-- 每日费用限制 -->
         <div>
-          <div class="flex justify-between items-center mb-2">
-            <span class="text-gray-600 text-sm md:text-base font-medium">每日费用限制</span>
-            <span class="text-xs md:text-sm text-gray-500">
+          <div class="mb-2 flex items-center justify-between">
+            <span class="text-sm font-medium text-gray-600 md:text-base">每日费用限制</span>
+            <span class="text-xs text-gray-500 md:text-sm">
               <span v-if="statsData.limits.dailyCostLimit > 0">
-                ${{ statsData.limits.currentDailyCost.toFixed(4) }} / ${{ statsData.limits.dailyCostLimit.toFixed(2) }}
+                ${{ statsData.limits.currentDailyCost.toFixed(4) }} / ${{
+                  statsData.limits.dailyCostLimit.toFixed(2)
+                }}
               </span>
               <span v-else class="flex items-center gap-1">
                 ${{ statsData.limits.currentDailyCost.toFixed(4) }} / <i class="fas fa-infinity" />
               </span>
             </span>
           </div>
-          <div v-if="statsData.limits.dailyCostLimit > 0" class="w-full bg-gray-200 rounded-full h-2">
-            <div 
-              :class="getDailyCostProgressColor()"
+          <div
+            v-if="statsData.limits.dailyCostLimit > 0"
+            class="h-2 w-full rounded-full bg-gray-200"
+          >
+            <div
               class="h-2 rounded-full transition-all duration-300"
+              :class="getDailyCostProgressColor()"
               :style="{ width: getDailyCostProgress() + '%' }"
             />
           </div>
-          <div v-else class="w-full bg-gray-200 rounded-full h-2">
-            <div class="bg-green-500 h-2 rounded-full" style="width: 0%" />
+          <div v-else class="h-2 w-full rounded-full bg-gray-200">
+            <div class="h-2 rounded-full bg-green-500" style="width: 0%" />
           </div>
         </div>
-        
+
         <!-- 时间窗口限制 -->
-        <div v-if="statsData.limits.rateLimitWindow > 0 && (statsData.limits.rateLimitRequests > 0 || statsData.limits.tokenLimit > 0)">
-          <div class="flex justify-between items-center mb-2">
-            <span class="text-gray-600 text-sm md:text-base font-medium">
+        <div
+          v-if="
+            statsData.limits.rateLimitWindow > 0 &&
+            (statsData.limits.rateLimitRequests > 0 || statsData.limits.tokenLimit > 0)
+          "
+        >
+          <div class="mb-2 flex items-center justify-between">
+            <span class="text-sm font-medium text-gray-600 md:text-base">
               时间窗口限制 ({{ statsData.limits.rateLimitWindow }}分钟)
             </span>
           </div>
-          
+
           <!-- 请求次数限制 -->
-          <div v-if="statsData.limits.rateLimitRequests > 0" class="space-y-1.5 mb-3">
-            <div class="flex justify-between items-center text-xs md:text-sm">
+          <div v-if="statsData.limits.rateLimitRequests > 0" class="mb-3 space-y-1.5">
+            <div class="flex items-center justify-between text-xs md:text-sm">
               <span class="text-gray-500">请求次数</span>
               <span class="text-gray-700">
-                {{ formatNumber(statsData.limits.currentWindowRequests) }} / {{ formatNumber(statsData.limits.rateLimitRequests) }}
+                {{ formatNumber(statsData.limits.currentWindowRequests) }} /
+                {{ formatNumber(statsData.limits.rateLimitRequests) }}
               </span>
             </div>
-            <div class="w-full bg-gray-200 rounded-full h-1.5">
-              <div 
-                :class="getWindowRequestProgressColor()"
+            <div class="h-1.5 w-full rounded-full bg-gray-200">
+              <div
                 class="h-1.5 rounded-full transition-all duration-300"
+                :class="getWindowRequestProgressColor()"
                 :style="{ width: getWindowRequestProgress() + '%' }"
               />
             </div>
           </div>
-          
+
           <!-- Token使用量限制 -->
           <div v-if="statsData.limits.tokenLimit > 0" class="space-y-1.5">
-            <div class="flex justify-between items-center text-xs md:text-sm">
+            <div class="flex items-center justify-between text-xs md:text-sm">
               <span class="text-gray-500">Token 使用量</span>
               <span class="text-gray-700">
-                {{ formatNumber(statsData.limits.currentWindowTokens) }} / {{ formatNumber(statsData.limits.tokenLimit) }}
+                {{ formatNumber(statsData.limits.currentWindowTokens) }} /
+                {{ formatNumber(statsData.limits.tokenLimit) }}
               </span>
             </div>
-            <div class="w-full bg-gray-200 rounded-full h-1.5">
-              <div 
-                :class="getWindowTokenProgressColor()"
+            <div class="h-1.5 w-full rounded-full bg-gray-200">
+              <div
                 class="h-1.5 rounded-full transition-all duration-300"
+                :class="getWindowTokenProgressColor()"
                 :style="{ width: getWindowTokenProgress() + '%' }"
               />
             </div>
           </div>
-          
+
           <div class="mt-2 text-xs text-gray-500">
             <i class="fas fa-info-circle mr-1" />
             请求次数和Token使用量为"或"的关系，任一达到限制即触发限流
           </div>
         </div>
-        
+
         <!-- 其他限制信息 -->
-        <div class="pt-2 border-t border-gray-100 space-y-2">
-          <div class="flex justify-between items-center">
-            <span class="text-gray-600 text-sm md:text-base">并发限制</span>
-            <span class="font-medium text-gray-900 text-sm md:text-base">
+        <div class="space-y-2 border-t border-gray-100 pt-2">
+          <div class="flex items-center justify-between">
+            <span class="text-sm text-gray-600 md:text-base">并发限制</span>
+            <span class="text-sm font-medium text-gray-900 md:text-base">
               <span v-if="statsData.limits.concurrencyLimit > 0">
                 {{ statsData.limits.concurrencyLimit }}
               </span>
@@ -93,39 +105,39 @@
               </span>
             </span>
           </div>
-          <div class="flex justify-between items-center">
-            <span class="text-gray-600 text-sm md:text-base">模型限制</span>
-            <span class="font-medium text-gray-900 text-sm md:text-base">
+          <div class="flex items-center justify-between">
+            <span class="text-sm text-gray-600 md:text-base">模型限制</span>
+            <span class="text-sm font-medium text-gray-900 md:text-base">
               <span
-                v-if="statsData.restrictions.enableModelRestriction && statsData.restrictions.restrictedModels.length > 0" 
+                v-if="
+                  statsData.restrictions.enableModelRestriction &&
+                  statsData.restrictions.restrictedModels.length > 0
+                "
                 class="text-orange-600"
               >
                 <i class="fas fa-exclamation-triangle mr-1 text-xs md:text-sm" />
                 限制 {{ statsData.restrictions.restrictedModels.length }} 个模型
               </span>
-              <span
-                v-else
-                class="text-green-600"
-              >
+              <span v-else class="text-green-600">
                 <i class="fas fa-check-circle mr-1 text-xs md:text-sm" />
                 允许所有模型
               </span>
             </span>
           </div>
-          <div class="flex justify-between items-center">
-            <span class="text-gray-600 text-sm md:text-base">客户端限制</span>
-            <span class="font-medium text-gray-900 text-sm md:text-base">
+          <div class="flex items-center justify-between">
+            <span class="text-sm text-gray-600 md:text-base">客户端限制</span>
+            <span class="text-sm font-medium text-gray-900 md:text-base">
               <span
-                v-if="statsData.restrictions.enableClientRestriction && statsData.restrictions.allowedClients.length > 0" 
+                v-if="
+                  statsData.restrictions.enableClientRestriction &&
+                  statsData.restrictions.allowedClients.length > 0
+                "
                 class="text-orange-600"
               >
                 <i class="fas fa-exclamation-triangle mr-1 text-xs md:text-sm" />
                 限制 {{ statsData.restrictions.allowedClients.length }} 个客户端
               </span>
-              <span
-                v-else
-                class="text-green-600"
-              >
+              <span v-else class="text-green-600">
                 <i class="fas fa-check-circle mr-1 text-xs md:text-sm" />
                 允许所有客户端
               </span>
@@ -137,61 +149,71 @@
 
     <!-- 详细限制信息 -->
     <div
-      v-if="(statsData.restrictions.enableModelRestriction && statsData.restrictions.restrictedModels.length > 0) || 
-        (statsData.restrictions.enableClientRestriction && statsData.restrictions.allowedClients.length > 0)" 
-      class="card p-4 md:p-6 mt-4 md:mt-6"
+      v-if="
+        (statsData.restrictions.enableModelRestriction &&
+          statsData.restrictions.restrictedModels.length > 0) ||
+        (statsData.restrictions.enableClientRestriction &&
+          statsData.restrictions.allowedClients.length > 0)
+      "
+      class="card mt-4 p-4 md:mt-6 md:p-6"
     >
-      <h3 class="text-lg md:text-xl font-bold mb-3 md:mb-4 flex items-center text-gray-900">
-        <i class="fas fa-list-alt mr-2 md:mr-3 text-amber-500 text-sm md:text-base" />
+      <h3 class="mb-3 flex items-center text-lg font-bold text-gray-900 md:mb-4 md:text-xl">
+        <i class="fas fa-list-alt mr-2 text-sm text-amber-500 md:mr-3 md:text-base" />
         详细限制信息
       </h3>
-      
-      <div class="grid grid-cols-1 lg:grid-cols-2 gap-4 md:gap-6">
+
+      <div class="grid grid-cols-1 gap-4 md:gap-6 lg:grid-cols-2">
         <!-- 模型限制详情 -->
         <div
-          v-if="statsData.restrictions.enableModelRestriction && statsData.restrictions.restrictedModels.length > 0" 
-          class="bg-amber-50 border border-amber-200 rounded-lg p-3 md:p-4"
+          v-if="
+            statsData.restrictions.enableModelRestriction &&
+            statsData.restrictions.restrictedModels.length > 0
+          "
+          class="rounded-lg border border-amber-200 bg-amber-50 p-3 md:p-4"
         >
-          <h4 class="font-bold text-amber-800 mb-2 md:mb-3 flex items-center text-sm md:text-base">
-            <i class="fas fa-robot mr-1 md:mr-2 text-xs md:text-sm" />
+          <h4 class="mb-2 flex items-center text-sm font-bold text-amber-800 md:mb-3 md:text-base">
+            <i class="fas fa-robot mr-1 text-xs md:mr-2 md:text-sm" />
             受限模型列表
           </h4>
           <div class="space-y-1 md:space-y-2">
             <div
-              v-for="model in statsData.restrictions.restrictedModels" 
-              :key="model" 
-              class="bg-white rounded px-2 md:px-3 py-1 md:py-2 text-xs md:text-sm border border-amber-200"
+              v-for="model in statsData.restrictions.restrictedModels"
+              :key="model"
+              class="rounded border border-amber-200 bg-white px-2 py-1 text-xs md:px-3 md:py-2 md:text-sm"
             >
-              <i class="fas fa-ban mr-1 md:mr-2 text-red-500 text-xs" />
-              <span class="text-gray-800 break-all">{{ model }}</span>
+              <i class="fas fa-ban mr-1 text-xs text-red-500 md:mr-2" />
+              <span class="break-all text-gray-800">{{ model }}</span>
             </div>
           </div>
-          <p class="text-xs text-amber-700 mt-2 md:mt-3">
+          <p class="mt-2 text-xs text-amber-700 md:mt-3">
             <i class="fas fa-info-circle mr-1" />
             此 API Key 不能访问以上列出的模型
           </p>
         </div>
-        
+
         <!-- 客户端限制详情 -->
         <div
-          v-if="statsData.restrictions.enableClientRestriction && statsData.restrictions.allowedClients.length > 0" 
-          class="bg-blue-50 border border-blue-200 rounded-lg p-3 md:p-4"
+          v-if="
+            statsData.restrictions.enableClientRestriction &&
+            statsData.restrictions.allowedClients.length > 0
+          "
+          class="rounded-lg border border-blue-200 bg-blue-50 p-3 md:p-4"
         >
-          <h4 class="font-bold text-blue-800 mb-2 md:mb-3 flex items-center text-sm md:text-base">
-            <i class="fas fa-desktop mr-1 md:mr-2 text-xs md:text-sm" />
+          <h4 class="mb-2 flex items-center text-sm font-bold text-blue-800 md:mb-3 md:text-base">
+            <i class="fas fa-desktop mr-1 text-xs md:mr-2 md:text-sm" />
             允许的客户端
           </h4>
           <div class="space-y-1 md:space-y-2">
             <div
-              v-for="client in statsData.restrictions.allowedClients" 
-              :key="client" 
-              class="bg-white rounded px-2 md:px-3 py-1 md:py-2 text-xs md:text-sm border border-blue-200"
+              v-for="client in statsData.restrictions.allowedClients"
+              :key="client"
+              class="rounded border border-blue-200 bg-white px-2 py-1 text-xs md:px-3 md:py-2 md:text-sm"
             >
-              <i class="fas fa-check mr-1 md:mr-2 text-green-500 text-xs" />
-              <span class="text-gray-800 break-all">{{ client }}</span>
+              <i class="fas fa-check mr-1 text-xs text-green-500 md:mr-2" />
+              <span class="break-all text-gray-800">{{ client }}</span>
             </div>
           </div>
-          <p class="text-xs text-blue-700 mt-2 md:mt-3">
+          <p class="mt-2 text-xs text-blue-700 md:mt-3">
             <i class="fas fa-info-circle mr-1" />
             此 API Key 只能被以上列出的客户端使用
           </p>
@@ -213,9 +235,9 @@ const formatNumber = (num) => {
   if (typeof num !== 'number') {
     num = parseInt(num) || 0
   }
-  
+
   if (num === 0) return '0'
-  
+
   // 大数字使用简化格式
   if (num >= 1000000) {
     return (num / 1000000).toFixed(1) + 'M'
@@ -228,8 +250,10 @@ const formatNumber = (num) => {
 
 // 获取每日费用进度
 const getDailyCostProgress = () => {
-  if (!statsData.value.limits.dailyCostLimit || statsData.value.limits.dailyCostLimit === 0) return 0
-  const percentage = (statsData.value.limits.currentDailyCost / statsData.value.limits.dailyCostLimit) * 100
+  if (!statsData.value.limits.dailyCostLimit || statsData.value.limits.dailyCostLimit === 0)
+    return 0
+  const percentage =
+    (statsData.value.limits.currentDailyCost / statsData.value.limits.dailyCostLimit) * 100
   return Math.min(percentage, 100)
 }
 
@@ -243,8 +267,10 @@ const getDailyCostProgressColor = () => {
 
 // 获取窗口请求进度
 const getWindowRequestProgress = () => {
-  if (!statsData.value.limits.rateLimitRequests || statsData.value.limits.rateLimitRequests === 0) return 0
-  const percentage = (statsData.value.limits.currentWindowRequests / statsData.value.limits.rateLimitRequests) * 100
+  if (!statsData.value.limits.rateLimitRequests || statsData.value.limits.rateLimitRequests === 0)
+    return 0
+  const percentage =
+    (statsData.value.limits.currentWindowRequests / statsData.value.limits.rateLimitRequests) * 100
   return Math.min(percentage, 100)
 }
 
@@ -259,7 +285,8 @@ const getWindowRequestProgressColor = () => {
 // 获取窗口Token进度
 const getWindowTokenProgress = () => {
   if (!statsData.value.limits.tokenLimit || statsData.value.limits.tokenLimit === 0) return 0
-  const percentage = (statsData.value.limits.currentWindowTokens / statsData.value.limits.tokenLimit) * 100
+  const percentage =
+    (statsData.value.limits.currentWindowTokens / statsData.value.limits.tokenLimit) * 100
   return Math.min(percentage, 100)
 }
 
@@ -278,7 +305,7 @@ const getWindowTokenProgressColor = () => {
   background: rgba(255, 255, 255, 0.95);
   border-radius: 16px;
   border: 1px solid rgba(255, 255, 255, 0.2);
-  box-shadow: 
+  box-shadow:
     0 10px 15px -3px rgba(0, 0, 0, 0.1),
     0 4px 6px -2px rgba(0, 0, 0, 0.05);
   overflow: hidden;
@@ -298,8 +325,8 @@ const getWindowTokenProgressColor = () => {
 
 .card:hover {
   transform: translateY(-2px);
-  box-shadow: 
+  box-shadow:
     0 20px 25px -5px rgba(0, 0, 0, 0.15),
     0 10px 10px -5px rgba(0, 0, 0, 0.08);
 }
-</style>
+</style>