首次提交

src/components/settings/SettingItem.vue

@@ -1,7 +1,10 @@
 <template>
-  <v-list-item :disabled="disabled" class="setting-item">
+  <v-list-item
+    :disabled="disabled"
+    class="setting-item"
+  >
     <template #prepend>
-      <v-icon :icon="settingIcon"/>
+      <v-icon :icon="settingIcon" />
     </template>
 
     <v-list-item-title class="text-wrap">
@@ -14,7 +17,10 @@
 
     <template #append>
       <div class="d-flex flex-column flex-sm-row align-center">
-        <div v-if="type !== 'string' || hasOptions" class="me-2">
+        <div
+          v-if="type !== 'string' || hasOptions"
+          class="me-2"
+        >
           <!-- 根据设置类型渲染不同的控件 -->
           <v-switch
             v-if="type === 'boolean'"
@@ -40,7 +46,10 @@
             @update:model-value="updateSetting"
           />
 
-          <div v-else-if="type === 'number'" class="d-flex align-center">
+          <div
+            v-else-if="type === 'number'"
+            class="d-flex align-center"
+          >
             <v-btn
               :disabled="disabled || localValue <= minValue"
               icon="mdi-minus"
@@ -76,7 +85,7 @@
         </div>
 
         <v-menu location="bottom">
-          <template v-slot:activator="{ props }">
+          <template #activator="{ props }">
             <v-btn
               :disabled="disabled"
               class="ml-2"
@@ -88,24 +97,36 @@
           </template>
           <v-list density="compact">
             <v-list-item @click="copySettingId">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-key" size="small"/>
+              <template #prepend>
+                <v-icon
+                  icon="mdi-key"
+                  size="small"
+                />
               </template>
               <v-list-item-title>复制设置ID</v-list-item-title>
             </v-list-item>
 
             <v-list-item @click="copySettingValue">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-content-copy" size="small"/>
+              <template #prepend>
+                <v-icon
+                  icon="mdi-content-copy"
+                  size="small"
+                />
               </template>
               <v-list-item-title>复制设置值</v-list-item-title>
             </v-list-item>
 
-            <v-divider></v-divider>
+            <v-divider />
 
-            <v-list-item :disabled="isDefaultValue" @click="resetToDefault">
-              <template v-slot:prepend>
-                <v-icon icon="mdi-restore" size="small"/>
+            <v-list-item
+              :disabled="isDefaultValue"
+              @click="resetToDefault"
+            >
+              <template #prepend>
+                <v-icon
+                  icon="mdi-restore"
+                  size="small"
+                />
               </template>
               <v-list-item-title>重置为默认值</v-list-item-title>
             </v-list-item>
@@ -116,7 +137,10 @@
   </v-list-item>
 
   <!-- 文本框显示在下方 -->
-  <div v-if="type === 'string' && !hasOptions" class="px-4 pb-2 pt-0">
+  <div
+    v-if="type === 'string' && !hasOptions"
+    class="px-4 pb-2 pt-0"
+  >
     <v-text-field
       v-model="localValue"
       :disabled="disabled"