1

frontendNew/src/pages/Dcalc/Character/EquipmentDictionary/Index.vue

@@ -21,6 +21,13 @@ import {
   SheetTitle,
   SheetTrigger,
 } from "@/components/ui/sheet";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import Tabs from "@/components/ui/tabs/Tabs.vue";
 import TabsList from "@/components/ui/tabs/TabsList.vue";
 import TabsTrigger from "@/components/ui/tabs/TabsTrigger.vue";
@@ -916,22 +923,23 @@ const setTriggerOption = (id: number, value: string) => {
                       class="grid gap-1 text-sm"
                     >
                       <span class="text-muted-foreground">{{ option.name }}</span>
-                      <select
-                        class="h-9 rounded-md border border-input bg-background px-2"
-                        :value="String(configStore.config.options[option.id.toString()] ?? 0)"
-                        @change="
-                          (event) =>
-                            setTriggerOption(option.id, (event.target as HTMLSelectElement).value)
-                        "
+                      <Select
+                        :model-value="String(configStore.config.options[option.id.toString()] ?? 0)"
+                        @update:model-value="(value) => setTriggerOption(option.id, String(value))"
                       >
-                        <option
-                          v-for="(item, index) in option.options"
-                          :key="`${option.id}-${index}`"
-                          :value="String(index)"
-                        >
-                          {{ item }}
-                        </option>
-                      </select>
+                        <SelectTrigger class="h-9">
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          <SelectItem
+                            v-for="(item, index) in option.options"
+                            :key="`${option.id}-${index}`"
+                            :value="String(index)"
+                          >
+                            {{ item }}
+                          </SelectItem>
+                        </SelectContent>
+                      </Select>
                     </label>
                   </div>
                 </SheetContent>