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/TokenDistribution.vue

@@ -1,45 +1,59 @@
 <template>
   <div class="card p-4 md:p-6">
-    <h3 class="text-lg md:text-xl font-bold mb-3 md:mb-4 flex flex-col sm:flex-row sm:items-center text-gray-900">
+    <h3
+      class="mb-3 flex flex-col text-lg font-bold text-gray-900 sm:flex-row sm:items-center md:mb-4 md:text-xl"
+    >
       <span class="flex items-center">
-        <i class="fas fa-coins mr-2 md:mr-3 text-yellow-500 text-sm md:text-base" />
+        <i class="fas fa-coins mr-2 text-sm text-yellow-500 md:mr-3 md:text-base" />
         Token 使用分布
       </span>
-      <span class="text-xs md:text-sm font-normal text-gray-600 sm:ml-2">({{ statsPeriod === 'daily' ? '今日' : '本月' }})</span>
+      <span class="text-xs font-normal text-gray-600 sm:ml-2 md:text-sm"
+        >({{ statsPeriod === 'daily' ? '今日' : '本月' }})</span
+      >
     </h3>
     <div class="space-y-2 md:space-y-3">
-      <div class="flex justify-between items-center">
-        <span class="text-gray-600 flex items-center text-sm md:text-base">
-          <i class="fas fa-arrow-right mr-1 md:mr-2 text-green-500 text-xs md:text-sm" />
+      <div class="flex items-center justify-between">
+        <span class="flex items-center text-sm text-gray-600 md:text-base">
+          <i class="fas fa-arrow-right mr-1 text-xs text-green-500 md:mr-2 md:text-sm" />
           输入 Token
         </span>
-        <span class="font-medium text-gray-900 text-sm md:text-base">{{ formatNumber(currentPeriodData.inputTokens) }}</span>
+        <span class="text-sm font-medium text-gray-900 md:text-base">{{
+          formatNumber(currentPeriodData.inputTokens)
+        }}</span>
       </div>
-      <div class="flex justify-between items-center">
-        <span class="text-gray-600 flex items-center text-sm md:text-base">
-          <i class="fas fa-arrow-left mr-1 md:mr-2 text-blue-500 text-xs md:text-sm" />
+      <div class="flex items-center justify-between">
+        <span class="flex items-center text-sm text-gray-600 md:text-base">
+          <i class="fas fa-arrow-left mr-1 text-xs text-blue-500 md:mr-2 md:text-sm" />
           输出 Token
         </span>
-        <span class="font-medium text-gray-900 text-sm md:text-base">{{ formatNumber(currentPeriodData.outputTokens) }}</span>
+        <span class="text-sm font-medium text-gray-900 md:text-base">{{
+          formatNumber(currentPeriodData.outputTokens)
+        }}</span>
       </div>
-      <div class="flex justify-between items-center">
-        <span class="text-gray-600 flex items-center text-sm md:text-base">
-          <i class="fas fa-save mr-1 md:mr-2 text-purple-500 text-xs md:text-sm" />
+      <div class="flex items-center justify-between">
+        <span class="flex items-center text-sm text-gray-600 md:text-base">
+          <i class="fas fa-save mr-1 text-xs text-purple-500 md:mr-2 md:text-sm" />
           缓存创建 Token
         </span>
-        <span class="font-medium text-gray-900 text-sm md:text-base">{{ formatNumber(currentPeriodData.cacheCreateTokens) }}</span>
+        <span class="text-sm font-medium text-gray-900 md:text-base">{{
+          formatNumber(currentPeriodData.cacheCreateTokens)
+        }}</span>
       </div>
-      <div class="flex justify-between items-center">
-        <span class="text-gray-600 flex items-center text-sm md:text-base">
-          <i class="fas fa-download mr-1 md:mr-2 text-orange-500 text-xs md:text-sm" />
+      <div class="flex items-center justify-between">
+        <span class="flex items-center text-sm text-gray-600 md:text-base">
+          <i class="fas fa-download mr-1 text-xs text-orange-500 md:mr-2 md:text-sm" />
           缓存读取 Token
         </span>
-        <span class="font-medium text-gray-900 text-sm md:text-base">{{ formatNumber(currentPeriodData.cacheReadTokens) }}</span>
+        <span class="text-sm font-medium text-gray-900 md:text-base">{{
+          formatNumber(currentPeriodData.cacheReadTokens)
+        }}</span>
       </div>
     </div>
-    <div class="mt-3 md:mt-4 pt-3 md:pt-4 border-t border-gray-200">
-      <div class="flex justify-between items-center font-bold text-gray-900">
-        <span class="text-sm md:text-base">{{ statsPeriod === 'daily' ? '今日' : '本月' }}总计</span>
+    <div class="mt-3 border-t border-gray-200 pt-3 md:mt-4 md:pt-4">
+      <div class="flex items-center justify-between font-bold text-gray-900">
+        <span class="text-sm md:text-base"
+          >{{ statsPeriod === 'daily' ? '今日' : '本月' }}总计</span
+        >
         <span class="text-lg md:text-xl">{{ formatNumber(currentPeriodData.allTokens) }}</span>
       </div>
     </div>
@@ -58,9 +72,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'
@@ -78,7 +92,7 @@ const formatNumber = (num) => {
   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;
@@ -98,8 +112,8 @@ const formatNumber = (num) => {
 
 .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>