رفع مشکل استایل و رفتار دو کامپوننت در پروژه Vue + Vuetify 3

در یک پروژه Vue 3 + Vuetify 3 دو کامپوننت سفارشی داریم که از نظر ارتفاع، استایل، دنسیتی و هماهنگی با VTextField مشکل دارند و نیاز به یک دولوپر متخصص در Vuetify داریم تا آن‌ها را اصلاح کند. کامپوننت‌های نیازمند اصلاح AppSegmentedToggle (کامپوننت سفارشی) AppDateTimePicker / AppDatePicker (سفارشی‌شده و شمسی شده) مشکلات اصلی ارتفاع کامپوننت‌ها در حالات چگالی مختلف (comfortable, default, compact) با VTextField هماهنگ نیست رفتار لیبل (VLabel) در وضعیت‌های normal / focus / error بوردر در حالت error، focus، hover با استاندارد Vuetify یکی نیست در AppSegmentedToggle وقتی گزینه‌ها زیاد می‌شود: استایل‌ها باید کاملاً هماهنگ با AppTextField و VTextField باشند (ارتفاع، padding، label spacing، error message spacing) تکنولوژی‌های استفاده‌شده در پروژه Vue 3 (Composition API) Vuetify 3 (با شخصی‌سازی زیاد) Typescript پروژه real-world با کامپوننت‌های زیاد → نیازمند فرد کاملاً مسلط بر ساختار Vuetify انتظارات کامپوننت‌ها باید دقیقاً از نظر ظاهری و رفتاری مثل VTextField عمل کنند بدون هک‌های عجیب، فقط با استفاده صحیح از ساختار داخلی VField/VInput/VLabel کد تمیز، قابل نگهداری و تست‌شده زمان تحویل کوتاه (چند ساعت تا یک روز) لطفاً فقط اگر تجربه کافی دارید پیام بدهید دنبال کسی هستم که واقعاً Vuetify 3 را بشناسد و بتواند استایل و رفتار فیلدهای سفارشی را 100٪ مطابق استاندارد فریم‌ورک دربیاورد.