@webitel/ui-datalist 1.0.1 → 1.0.3

package/src/filters/components/filter-options/close-reason-groups-case/close-reason-groups-case-filter-value-field.vue

@@ -31,10 +31,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
-import { computed, onMounted, ref, watch } from 'vue';
+import { WtSelect } from '@webitel/ui-sdk/components';
+import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import {
   caseCloseReasonsGroupsSearchMethod,
   caseCloseReasonsSearchMethod,
@@ -99,4 +99,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/close-reason-groups-case/close-reason-groups-case-filter-value-preview.vue

@@ -31,4 +31,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/close-reason-groups-case/config.js

@@ -1,5 +1,5 @@
-import CaseCloseReasonGroupsAPI from '../../../../../../../api/clients/caseCloseReasonGroups/caseCloseReasonGroups.js';
-import CaseCloseReasonsAPI from '../../../../../../../api/clients/caseCloseReasons/caseCloseReasons.js';
+import CaseCloseReasonGroupsAPI from '@webitel/ui-sdk/api/clients/caseCloseReasonGroups/caseCloseReasonGroups';
+import CaseCloseReasonsAPI from '@webitel/ui-sdk/api/clients/caseCloseReasons/caseCloseReasons';
 
 export const caseCloseReasonsGroupsSearchMethod =
   CaseCloseReasonGroupsAPI.getLookup;

package/src/filters/components/filter-options/contact/config.js

@@ -1,4 +1,4 @@
-import ContactsAPI from '../../../../../../../api/clients/сontacts/contacts.js';
+import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/contact/contact-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/contact/contact-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/contact-group/config.js

@@ -1,4 +1,4 @@
-import ContactGroupsAPI from '../../../../../../../api/clients/contactGroups/contactGroups.js';
+import ContactGroupsAPI from '@webitel/ui-sdk/api/clients/contactGroups/contactGroups';
 
 export const searchMethod = ContactGroupsAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/contact-group/contact-group-filter-value-field.vue

@@ -21,11 +21,11 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { requiredIf } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
+import { WtCheckbox } from '@webitel/ui-sdk/components';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtCheckbox from '../../../../../../../components/wt-checkbox/wt-checkbox.vue';
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = {
@@ -71,4 +71,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/contact-group/contact-group-filter-value-preview.vue

@@ -35,4 +35,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/created-at-from/created-at-from-filter-value-field.vue

@@ -21,4 +21,4 @@ if (!model.value) {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/created-at-from/created-at-from-filter-value-preview.vue

@@ -12,4 +12,4 @@ const props = defineProps<{
 const date = ref(new Date(+props.value).toLocaleString());
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/created-at-to/created-at-to-filter-value-field.vue

@@ -21,4 +21,4 @@ if (!model.value) {
 }
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/created-at-to/created-at-to-filter-value-preview.vue

@@ -12,4 +12,4 @@ const props = defineProps<{
 const date = ref(new Date(+props.value).toLocaleString());
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/direction/direction-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { DirectionOptions } from '../../../enums/direction-options';
 
 const model = defineModel<string>();
@@ -48,4 +48,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/direction/direction-filter-value-preview.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    {{ t(`calls.direction.${value}`) }}
+    {{ t(`calls.direction.${props.value}`) }}
   </div>
 </template>
 
@@ -14,4 +14,4 @@ const props = defineProps<{
 const { t } = useI18n();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/gateway/config.js

@@ -1,4 +1,4 @@
-import GatewaysAPI from '../../../../../../../api/clients/gateways/gateways.js';
+import GatewaysAPI from '@webitel/ui-sdk/api/clients/gateways/gateways';
 
 export const searchMethod = GatewaysAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/gateway/gateway-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/gateway/gateway-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/grantee/config.js

@@ -1,4 +1,4 @@
-import RolesAPI from '../../../../../../../api/clients/roles/roles.js';
+import RolesAPI from '@webitel/ui-sdk/api/clients/roles/roles';
 
 export const searchMethod = RolesAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/grantee/grantee-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/grantee/grantee-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-attachment/has-attachment-filter-value-field.vue

@@ -40,4 +40,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-attachment/has-attachment-filter-value-preview.vue

@@ -21,4 +21,4 @@ const localeValue = computed(() => {
 });
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-file/has-file-filter-value-field.vue

@@ -30,4 +30,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-file/has-file-filter-value-preview.vue

@@ -12,4 +12,4 @@ const props = defineProps<{
 const { localeValue } = usePrettifyBooleanValuePreview(props.value);
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-rating/has-rating-filter-value-field.vue

@@ -30,4 +30,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-rating/has-rating-filter-value-preview.vue

@@ -12,4 +12,4 @@ const props = defineProps<{
 const { localeValue } = usePrettifyBooleanValuePreview(props.value);
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-transcription/has-transcription-filter-value-field.vue

@@ -30,4 +30,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/has-transcription/has-transcription-filter-value-preview.vue

@@ -12,4 +12,4 @@ const props = defineProps<{
 const { localeValue } = usePrettifyBooleanValuePreview(props.value);
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/impacted/config.js

@@ -1,4 +1,4 @@
-import ContactsAPI from '../../../../../../../api/clients/сontacts/contacts.js';
+import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/impacted/impacted-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/impacted/impacted-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/priority-case/config.js

@@ -1,4 +1,4 @@
-import CasePrioritiesAPI from '../../../../../../../api/clients/casePriorities/casePriorities.js';
+import CasePrioritiesAPI from '@webitel/ui-sdk/api/clients/casePriorities/casePriorities';
 
 export const searchMethod = CasePrioritiesAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/priority-case/priority-case-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -54,4 +54,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/priority-case/priority-case-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/queue/config.js

@@ -1,4 +1,4 @@
-import QueuesAPI from '../../../../../../../api/clients/queues/queues.js';
+import QueuesAPI from '@webitel/ui-sdk/api/clients/queues/queues';
 
 export const searchMethod = QueuesAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/queue/queue-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/queue/queue-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/rated-by/config.js

@@ -1,4 +1,4 @@
-import UsersAPI from '../../../../../../../api/clients/users/users.js';
+import UsersAPI from '@webitel/ui-sdk/api/clients/users/users';
 
 export const searchMethod = UsersAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/rated-by/rated-by-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/rated-by/rated-by-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/rating/rating-from-to-filter-value-field.vue

@@ -29,11 +29,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { maxValue, requiredIf } from '@vuelidate/validators';
+import { WtInput } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import { WtInput } from '../../../../../../../components';
-
 type ModelValue = {
   from: number;
   to: number;

package/src/filters/components/filter-options/reaction-time/reaction-time-filter-value-field.vue

@@ -15,4 +15,4 @@ type ModelValue = {
 const model = defineModel<ModelValue>();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/reporter/config.js

@@ -1,4 +1,4 @@
-import ContactsAPI from '../../../../../../../api/clients/сontacts/contacts.js';
+import ContactsAPI from '@webitel/ui-sdk/api/clients/сontacts/contacts';
 
 export const searchMethod = ContactsAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/reporter/reporter-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -53,4 +53,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/reporter/reporter-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/resolution-time/resolution-time-filter-value-field.vue

@@ -15,4 +15,4 @@ type ModelValue = {
 const model = defineModel<ModelValue>();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/score/score-from-to-filter-value-field.vue

@@ -50,7 +50,7 @@ if (!model.value) {
 
 const props = withDefaults(
   defineProps<{
-    numberMax: number;
+    numberMax?: number;
   }>(),
   {
     numberMax: 100,

package/src/filters/components/filter-options/service-case/config.js

@@ -1,5 +1,5 @@
-import ServiceCatalogsAPI from '../../../../../../../api/clients/caseServiceCatalogs/service-catalogs.js';
-import ServicesAPI from '../../../../../../../api/clients/caseServices/services.js';
+import ServiceCatalogsAPI from '@webitel/ui-sdk/api/clients/caseServiceCatalogs/service-catalogs';
+import ServicesAPI from '@webitel/ui-sdk/api/clients/caseServices/services';
 
 export const searchMethod = ServiceCatalogsAPI.getList;
 export const servicesSearchMethod = ServicesAPI.getList;

package/src/filters/components/filter-options/service-case/service-case-filter-value-field.vue

@@ -12,10 +12,10 @@
 </template>
 
 <script lang="ts" setup>
+import { WtTree } from '@webitel/ui-sdk/components';
 import deepCopy from 'deep-copy';
 import { onMounted, ref } from 'vue';
 
-import WtTree from '../../../../../../../components/wt-tree/wt-tree.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = string[];

package/src/filters/components/filter-options/service-case/service-case-filter-value-preview.vue

@@ -31,4 +31,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/sla/config.js

@@ -1,4 +1,4 @@
-import SlasAPI from '../../../../../../../api/clients/slas/slas.js';
+import SlasAPI from '@webitel/ui-sdk/api/clients/slas/slas';
 
 export const searchMethod = SlasAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/sla/sla-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -54,4 +54,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/sla/sla-filter-value-preview.vue

@@ -28,4 +28,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/sla-condition/config.js

@@ -1,5 +1,5 @@
-import SLAConditionsAPI from '../../../../../../../api/clients/slaConditions/slaConditions.js';
-import SlasAPI from '../../../../../../../api/clients/slas/slas.js';
+import SLAConditionsAPI from '@webitel/ui-sdk/api/clients/slaConditions/slaConditions';
+import SlasAPI from '@webitel/ui-sdk/api/clients/slas/slas';
 
 export const slasConditionsSearchMethod = SLAConditionsAPI.getLookup;
 export const slasSearchMethod = SlasAPI.getLookup;

package/src/filters/components/filter-options/sla-condition/sla-condition-filter-value-field.vue

@@ -31,10 +31,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, onMounted, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { slasConditionsSearchMethod, slasSearchMethod } from './config.js';
 
 type ModelValue = {
@@ -95,4 +95,4 @@ watch(
 );
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/sla-condition/sla-condition-filter-value-preview.vue

@@ -34,4 +34,4 @@ const getLocalValue = async () => {
 getLocalValue();
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>

package/src/filters/components/filter-options/source-case/config.js

@@ -1,4 +1,4 @@
-import CaseSourcesAPI from '../../../../../../../api/clients/caseSources/caseSources.js';
+import CaseSourcesAPI from '@webitel/ui-sdk/api/clients/caseSources/caseSources';
 
 export const searchMethod = CaseSourcesAPI.getLookup;
 export const localePath = '';

package/src/filters/components/filter-options/source-case/source-case-filter-value-field.vue

@@ -14,10 +14,10 @@
 <script lang="ts" setup>
 import { useVuelidate } from '@vuelidate/core';
 import { required } from '@vuelidate/validators';
+import { WtSelect } from '@webitel/ui-sdk/components';
 import { computed, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-import WtSelect from '../../../../../../../components/wt-select/wt-select.vue';
 import { searchMethod } from './config.js';
 
 type ModelValue = number[];
@@ -54,4 +54,4 @@ const handleInput = (value: ModelValue) => {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style scoped></style>