cleanup

src/reprocess/BuySellSlider.vue

@@ -0,0 +1,32 @@
+<script setup lang="ts">
+import { useVModel } from '@vueuse/core';
+
+interface Props {
+    modelValue?: boolean;
+}
+interface Emits {
+    (e: 'update:modelValue', value: boolean): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    modelValue: false
+});
+const emit = defineEmits<Emits>();
+
+const value = useVModel(props, 'modelValue', emit);
+</script>
+
+<template>
+    <label class="flex items-center relative w-max cursor-pointer select-none">
+        <input type="checkbox" class="appearance-none transition-colors cursor-pointer w-14 h-7 rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-black" v-model="value" />
+        <span class="absolute font-medium text-xs right-1 text-white"> Buy </span>
+        <span class="absolute font-medium text-xs right-8 text-white"> Sell </span>
+        <span class="w-7 h-7 right-7 absolute rounded-full transform transition-transform bg-gray-200" />
+    </label>
+</template>
+
+<style scoped>
+    input:checked ~ span:last-child {
+        --tw-translate-x: 1.75rem;
+    }
+</style>

src/reprocess/ReprocessResultTable.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import BuySellSlider from '@/BuySellSlider.vue';
 import { iskFormater, percentFormater } from '@/formaters';
 import { useStorage } from '@vueuse/core';
 import { computed, ref } from 'vue';
+import BuySellSlider from './BuySellSlider.vue';
 import { ReprocessItemValues } from './reprocess';
 
 interface Props {