vueless 0.0.612 → 0.0.614

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/composables/useUI.ts +2 -2
  2. package/package.json +1 -1
  3. package/ui.button-link/ULink.vue +2 -2
  4. package/ui.button-link/constants.ts +1 -1
  5. package/ui.button-toggle/UToggle.vue +4 -5
  6. package/ui.button-toggle/config.ts +11 -12
  7. package/ui.button-toggle/constants.ts +1 -1
  8. package/ui.button-toggle/storybook/stories.ts +7 -14
  9. package/ui.button-toggle/types.ts +3 -7
  10. package/ui.button-toggle-item/UToggleItem.vue +20 -22
  11. package/ui.button-toggle-item/config.ts +9 -26
  12. package/ui.button-toggle-item/constants.ts +1 -1
  13. package/ui.container-accordion/UAccordion.vue +2 -2
  14. package/ui.container-accordion/constants.ts +1 -1
  15. package/ui.container-card/UCard.vue +2 -2
  16. package/ui.container-card/constants.ts +1 -1
  17. package/ui.container-col/UCol.vue +2 -2
  18. package/ui.container-col/constants.ts +1 -1
  19. package/ui.container-divider/UDivider.vue +2 -2
  20. package/ui.container-divider/constants.ts +1 -1
  21. package/ui.container-group/UGroup.vue +2 -2
  22. package/ui.container-group/constants.ts +1 -1
  23. package/ui.container-groups/UGroups.vue +2 -2
  24. package/ui.container-groups/constants.ts +1 -1
  25. package/ui.container-modal/UModal.vue +2 -2
  26. package/ui.container-modal/constants.ts +1 -1
  27. package/ui.container-modal-confirm/UModalConfirm.vue +3 -3
  28. package/ui.container-modal-confirm/constants.ts +1 -1
  29. package/ui.container-page/UPage.vue +2 -2
  30. package/ui.container-page/constants.ts +1 -1
  31. package/ui.container-row/URow.vue +2 -2
  32. package/ui.container-row/constants.ts +1 -1
  33. package/ui.data-list/UDataList.vue +3 -3
  34. package/ui.data-list/constants.ts +1 -1
  35. package/ui.data-table/UTable.vue +3 -3
  36. package/ui.data-table/constants.ts +1 -1
  37. package/ui.dropdown-badge/UDropdownBadge.vue +2 -2
  38. package/ui.dropdown-badge/constants.ts +1 -1
  39. package/ui.dropdown-button/UDropdownButton.vue +2 -2
  40. package/ui.dropdown-button/constants.ts +1 -1
  41. package/ui.dropdown-link/UDropdownLink.vue +2 -2
  42. package/ui.dropdown-link/constants.ts +1 -1
  43. package/ui.dropdown-list/UDropdownList.vue +3 -3
  44. package/ui.dropdown-list/constants.ts +1 -1
  45. package/ui.form-calendar/UCalendar.vue +3 -3
  46. package/ui.form-calendar/constants.ts +1 -1
  47. package/ui.form-calendar/storybook/stories.ts +4 -4
  48. package/ui.form-checkbox/UCheckbox.vue +2 -2
  49. package/ui.form-checkbox/constants.ts +1 -1
  50. package/ui.form-checkbox-group/UCheckboxGroup.vue +2 -2
  51. package/ui.form-checkbox-group/constants.ts +1 -1
  52. package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue +2 -2
  53. package/ui.form-checkbox-multi-state/constants.ts +1 -1
  54. package/ui.form-color-picker/UColorPicker.vue +3 -3
  55. package/ui.form-color-picker/constants.ts +1 -1
  56. package/ui.form-date-picker/UDatePicker.vue +3 -3
  57. package/ui.form-date-picker/constants.ts +1 -1
  58. package/ui.form-date-picker/storybook/stories.ts +4 -4
  59. package/ui.form-date-picker-range/UDatePickerRange.vue +2 -2
  60. package/ui.form-date-picker-range/constants.ts +1 -1
  61. package/ui.form-date-picker-range/storybook/stories.ts +4 -4
  62. package/ui.form-date-picker-range/useLocale.ts +2 -2
  63. package/ui.form-input/UInput.vue +2 -2
  64. package/ui.form-input/constants.ts +1 -1
  65. package/ui.form-input-file/UInputFile.vue +3 -3
  66. package/ui.form-input-file/constants.ts +1 -1
  67. package/ui.form-input-money/UInputMoney.vue +2 -2
  68. package/ui.form-input-money/constants.ts +1 -1
  69. package/ui.form-input-number/UInputNumber.vue +2 -2
  70. package/ui.form-input-number/constants.ts +1 -1
  71. package/ui.form-input-rating/UInputRating.vue +2 -2
  72. package/ui.form-input-rating/constants.ts +1 -1
  73. package/ui.form-input-search/UInputSearch.vue +2 -2
  74. package/ui.form-input-search/constants.ts +1 -1
  75. package/ui.form-label/ULabel.vue +2 -2
  76. package/ui.form-label/constants.ts +1 -1
  77. package/ui.form-radio/URadio.vue +2 -2
  78. package/ui.form-radio/constants.ts +1 -1
  79. package/ui.form-radio-group/URadioGroup.vue +2 -2
  80. package/ui.form-radio-group/constants.ts +1 -1
  81. package/ui.form-select/USelect.vue +3 -3
  82. package/ui.form-select/constants.ts +1 -1
  83. package/ui.form-switch/USwitch.vue +3 -3
  84. package/ui.form-switch/constants.ts +1 -1
  85. package/ui.form-textarea/UTextarea.vue +2 -2
  86. package/ui.form-textarea/constants.ts +1 -1
  87. package/ui.image-avatar/UAvatar.vue +2 -2
  88. package/ui.image-avatar/constants.ts +1 -1
  89. package/ui.image-icon/UIcon.vue +2 -2
  90. package/ui.image-icon/constants.ts +1 -1
  91. package/ui.loader/ULoader.vue +2 -2
  92. package/ui.loader/constants.ts +1 -1
  93. package/ui.loader-overlay/ULoaderOverlay.vue +2 -2
  94. package/ui.loader-overlay/constants.ts +1 -1
  95. package/ui.loader-progress/ULoaderProgress.vue +2 -2
  96. package/ui.loader-progress/constants.ts +1 -1
  97. package/ui.navigation-pagination/UPagination.vue +2 -2
  98. package/ui.navigation-pagination/constants.ts +1 -1
  99. package/ui.navigation-progress/UProgress.vue +2 -2
  100. package/ui.navigation-progress/constants.ts +1 -1
  101. package/ui.navigation-tab/UTab.vue +3 -3
  102. package/ui.navigation-tab/constants.ts +1 -1
  103. package/ui.navigation-tabs/UTabs.vue +2 -2
  104. package/ui.navigation-tabs/constants.ts +1 -1
  105. package/ui.other-dot/UDot.vue +2 -2
  106. package/ui.other-dot/constants.ts +1 -1
  107. package/ui.text-alert/UAlert.vue +2 -2
  108. package/ui.text-alert/constants.ts +1 -1
  109. package/ui.text-badge/UBadge.vue +2 -2
  110. package/ui.text-badge/constants.ts +1 -1
  111. package/ui.text-block/UText.vue +2 -2
  112. package/ui.text-block/constants.ts +1 -1
  113. package/ui.text-empty/UEmpty.vue +2 -2
  114. package/ui.text-empty/constants.ts +1 -1
  115. package/ui.text-file/UFile.vue +2 -2
  116. package/ui.text-file/constants.ts +1 -1
  117. package/ui.text-files/UFiles.vue +2 -2
  118. package/ui.text-files/constants.ts +1 -1
  119. package/ui.text-header/UHeader.vue +2 -2
  120. package/ui.text-header/constants.ts +1 -1
  121. package/ui.text-money/UMoney.vue +2 -2
  122. package/ui.text-money/constants.ts +1 -1
  123. package/ui.text-notify/UNotify.vue +3 -3
  124. package/ui.text-notify/constants.ts +1 -1
  125. package/utils/ui.ts +2 -2
  126. package/web-types.json +3 -18
@@ -9,7 +9,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
9
9
  import UInput from "../ui.form-input/UInput.vue";
10
10
  import UButton from "../ui.button/UButton.vue";
11
11
 
12
- import { UInputSearch } from "./constants.ts";
12
+ import { COMPONENT_NAME } from "./constants.ts";
13
13
  import defaultConfig from "./config.ts";
14
14
 
15
15
  import type { Props, IconSize, ButtonSize, Config } from "./types.ts";
@@ -17,7 +17,7 @@ import type { Props, IconSize, ButtonSize, Config } from "./types.ts";
17
17
  defineOptions({ inheritAttrs: false });
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, UInputSearch),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  modelValue: "",
22
22
  label: "",
23
23
  placeholder: "",
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UInputSearch = "UInputSearch";
5
+ export const COMPONENT_NAME = "UInputSearch";
@@ -5,14 +5,14 @@ import useUI from "../composables/useUI.ts";
5
5
  import { getDefaults } from "../utils/ui.ts";
6
6
 
7
7
  import defaultConfig from "./config.ts";
8
- import { ULabel, PLACEMENT } from "./constants.ts";
8
+ import { COMPONENT_NAME, PLACEMENT } from "./constants.ts";
9
9
 
10
10
  import type { Props, Config } from "./types.ts";
11
11
 
12
12
  defineOptions({ inheritAttrs: false });
13
13
 
14
14
  const props = withDefaults(defineProps<Props>(), {
15
- ...getDefaults<Props, Config>(defaultConfig, ULabel),
15
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
16
16
  label: "",
17
17
  });
18
18
 
@@ -2,7 +2,7 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const ULabel = "ULabel";
5
+ export const COMPONENT_NAME = "ULabel";
6
6
 
7
7
  export const PLACEMENT = {
8
8
  topInside: "topInside",
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
  import ULabel from "../ui.form-label/ULabel.vue";
8
8
 
9
9
  import defaultConfig from "./config.ts";
10
- import { URadio } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
 
12
12
  import type { Props, LocalValueType, Config } from "./types.ts";
13
13
  import type { SetRadioGroupSelectedItem } from "../ui.form-radio-group/types.ts";
@@ -24,7 +24,7 @@ const getRadioGroupSize = inject("getRadioGroupSize", null);
24
24
  const getRadioGroupSelectedItem = inject("getRadioGroupSelectedItem", null);
25
25
 
26
26
  const props = withDefaults(defineProps<Props>(), {
27
- ...getDefaults<Props, Config>(defaultConfig, URadio),
27
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
28
28
  modelValue: () => ({}),
29
29
  value: () => ({}),
30
30
  label: "",
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const URadio = "URadio";
5
+ export const COMPONENT_NAME = "URadio";
@@ -8,14 +8,14 @@ import ULabel from "../ui.form-label/ULabel.vue";
8
8
  import URadio from "../ui.form-radio/URadio.vue";
9
9
 
10
10
  import defaultConfig from "./config.ts";
11
- import { URadioGroup } from "./constants.ts";
11
+ import { COMPONENT_NAME } from "./constants.ts";
12
12
 
13
13
  import type { Props, SetRadioGroupSelectedItem, Config } from "./types.ts";
14
14
 
15
15
  defineOptions({ inheritAttrs: false });
16
16
 
17
17
  const props = withDefaults(defineProps<Props>(), {
18
- ...getDefaults<Props, Config>(defaultConfig, URadioGroup),
18
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
19
19
  modelValue: () => [],
20
20
  options: () => [],
21
21
  label: "",
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const URadioGroup = "URadioGroup";
5
+ export const COMPONENT_NAME = "URadioGroup";
@@ -18,7 +18,7 @@ import {
18
18
  getCurrentOption,
19
19
  } from "./utilSelect.ts";
20
20
  import defaultConfig from "./config.ts";
21
- import { USelect, DIRECTION, KEYS } from "./constants.ts";
21
+ import { COMPONENT_NAME, DIRECTION, KEYS } from "./constants.ts";
22
22
 
23
23
  import { useLocale } from "../composables/useLocale.ts";
24
24
 
@@ -29,7 +29,7 @@ import type { ComponentExposed, KeyAttrsWithConfig } from "../types.ts";
29
29
  defineOptions({ inheritAttrs: false });
30
30
 
31
31
  const props = withDefaults(defineProps<Props>(), {
32
- ...getDefaults<Props, Config>(defaultConfig, USelect),
32
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
33
33
  options: () => [],
34
34
  modelValue: "",
35
35
  label: "",
@@ -96,7 +96,7 @@ const innerWrapperRef = ref<HTMLDivElement | null>(null);
96
96
 
97
97
  const elementId = props.id || useId();
98
98
 
99
- const i18nGlobal = tm(USelect);
99
+ const i18nGlobal = tm(COMPONENT_NAME);
100
100
  const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
101
101
 
102
102
  const isTop = computed(() => {
@@ -2,7 +2,7 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const USelect = "USelect";
5
+ export const COMPONENT_NAME = "USelect";
6
6
 
7
7
  export const DIRECTION = {
8
8
  top: "top",
@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
8
8
  import UIcon from "../ui.image-icon/UIcon.vue";
9
9
  import ULabel from "../ui.form-label/ULabel.vue";
10
10
 
11
- import { USwitch } from "./constants.ts";
11
+ import { COMPONENT_NAME } from "./constants.ts";
12
12
  import defaultConfig from "./config.ts";
13
13
  import { useLocale } from "../composables/useLocale.ts";
14
14
 
@@ -17,7 +17,7 @@ import type { Props, IconSize, Config } from "./types.ts";
17
17
  defineOptions({ inheritAttrs: false });
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, USwitch),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  modelValue: false,
22
22
  label: "",
23
23
  });
@@ -32,7 +32,7 @@ const emit = defineEmits([
32
32
 
33
33
  const { tm } = useLocale();
34
34
 
35
- const i18nGlobal = tm(USwitch);
35
+ const i18nGlobal = tm(COMPONENT_NAME);
36
36
  const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config?.i18n));
37
37
 
38
38
  const checkedValue = computed({
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const USwitch = "USwitch";
5
+ export const COMPONENT_NAME = "USwitch";
@@ -9,7 +9,7 @@ import { useMutationObserver } from "../composables/useMutationObserver.ts";
9
9
 
10
10
  import ULabel from "../ui.form-label/ULabel.vue";
11
11
 
12
- import { UTextarea } from "./constants.ts";
12
+ import { COMPONENT_NAME } from "./constants.ts";
13
13
  import defaultConfig from "./config.ts";
14
14
 
15
15
  import type { Props, Config } from "./types.ts";
@@ -17,7 +17,7 @@ import type { Props, Config } from "./types.ts";
17
17
  defineOptions({ inheritAttrs: false });
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, UTextarea),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  modelValue: "",
22
22
  label: "",
23
23
  placeholder: "",
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UTextarea = "UTextarea";
5
+ export const COMPONENT_NAME = "UTextarea";
@@ -6,7 +6,7 @@ import { getDefaults } from "../utils/ui.ts";
6
6
 
7
7
  import UIcon from "../ui.image-icon/UIcon.vue";
8
8
 
9
- import { UAvatar } from "./constants.ts";
9
+ import { COMPONENT_NAME } from "./constants.ts";
10
10
  import defaultConfig from "./config.ts";
11
11
 
12
12
  import type { UAvatarProps, Config } from "./types.ts";
@@ -14,7 +14,7 @@ import type { UAvatarProps, Config } from "./types.ts";
14
14
  defineOptions({ inheritAttrs: false });
15
15
 
16
16
  const props = withDefaults(defineProps<UAvatarProps>(), {
17
- ...getDefaults<UAvatarProps, Config>(defaultConfig, UAvatar),
17
+ ...getDefaults<UAvatarProps, Config>(defaultConfig, COMPONENT_NAME),
18
18
  label: "",
19
19
  });
20
20
 
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UAvatar = "UAvatar";
5
+ export const COMPONENT_NAME = "UAvatar";
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
  import { isSSR } from "../utils/helper.ts";
8
8
  import { VUELESS_ICONS_CACHED_DIR, VUELESS_LIBRARY } from "../constants.js";
9
9
 
10
- import { UIcon } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
 
13
13
  import type { AsyncComponentLoader } from "vue";
@@ -17,7 +17,7 @@ import type { Props as TippyProps, Instance as TippyInstance } from "tippy.js";
17
17
  defineOptions({ inheritAttrs: false });
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, UIcon),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  tooltipSettings: () => ({}) as TippyProps,
22
22
  });
23
23
 
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UIcon = "UIcon";
5
+ export const COMPONENT_NAME = "UIcon";
@@ -2,7 +2,7 @@
2
2
  import useUI from "../composables/useUI.ts";
3
3
  import { getDefaults } from "../utils/ui.ts";
4
4
 
5
- import { ULoader, ELLIPSES_AMOUNT } from "./constants.ts";
5
+ import { COMPONENT_NAME, ELLIPSES_AMOUNT } from "./constants.ts";
6
6
  import defaultConfig from "./config.ts";
7
7
 
8
8
  import type { Props, Config } from "./types.ts";
@@ -10,7 +10,7 @@ import type { Props, Config } from "./types.ts";
10
10
  defineOptions({ inheritAttrs: false });
11
11
 
12
12
  withDefaults(defineProps<Props>(), {
13
- ...getDefaults<Props, Config>(defaultConfig, ULoader),
13
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
14
14
  });
15
15
 
16
16
  /**
@@ -2,6 +2,6 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const ULoader = "ULoader";
5
+ export const COMPONENT_NAME = "ULoader";
6
6
 
7
7
  export const ELLIPSES_AMOUNT = 4;
@@ -7,7 +7,7 @@ import { useDarkMode } from "../composables/useDarkMode.ts";
7
7
 
8
8
  import ULoader from "../ui.loader/ULoader.vue";
9
9
 
10
- import { ULoaderOverlay } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
  import { useLoaderOverlay } from "./useLoaderOverlay.ts";
13
13
 
@@ -16,7 +16,7 @@ import type { Props, Config } from "./types.ts";
16
16
  defineOptions({ inheritAttrs: false });
17
17
 
18
18
  const props = withDefaults(defineProps<Props>(), {
19
- ...getDefaults<Props, Config>(defaultConfig, ULoaderOverlay),
19
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
20
20
  });
21
21
 
22
22
  const { loaderOverlayOn, loaderOverlayOff, isLoading } = useLoaderOverlay();
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const ULoaderOverlay = "ULoaderOverlay";
5
+ export const COMPONENT_NAME = "ULoaderOverlay";
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
  import { clamp, queue, getRequestWithoutQuery } from "./utilLoaderProgress.ts";
8
8
  import { useLoaderProgress } from "./useLoaderProgress.ts";
9
9
 
10
- import { ULoaderProgress, MAXIMUM, SPEED, INFINITY_LOADING } from "./constants.ts";
10
+ import { COMPONENT_NAME, MAXIMUM, SPEED, INFINITY_LOADING } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
 
13
13
  import type { Props, Config } from "./types.ts";
@@ -15,7 +15,7 @@ import type { Props, Config } from "./types.ts";
15
15
  defineOptions({ inheritAttrs: false });
16
16
 
17
17
  const props = withDefaults(defineProps<Props>(), {
18
- ...getDefaults<Props, Config>(defaultConfig, ULoaderProgress),
18
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
19
19
  resources: () => [],
20
20
  });
21
21
 
@@ -2,7 +2,7 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const ULoaderProgress = "ULoaderProgress";
5
+ export const COMPONENT_NAME = "ULoaderProgress";
6
6
 
7
7
  export const MAXIMUM = 99;
8
8
  export const SPEED = 150;
@@ -9,14 +9,14 @@ import UButton from "../ui.button/UButton.vue";
9
9
  import UIcon from "../ui.image-icon/UIcon.vue";
10
10
 
11
11
  import defaultConfig from "./config.ts";
12
- import { UPagination } from "./constants.ts";
12
+ import { COMPONENT_NAME } from "./constants.ts";
13
13
 
14
14
  import type { Props, ButtonSize, IconSize, Config } from "./types.ts";
15
15
 
16
16
  defineOptions({ inheritAttrs: false });
17
17
 
18
18
  const props = withDefaults(defineProps<Props>(), {
19
- ...getDefaults<Props, Config>(defaultConfig, UPagination),
19
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
20
20
  modelValue: 1,
21
21
  firstLabel: "",
22
22
  prevLabel: "",
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UPagination = "UPagination";
5
+ export const COMPONENT_NAME = "UPagination";
@@ -5,7 +5,7 @@ import useUI from "../composables/useUI.ts";
5
5
  import { getDefaults } from "../utils/ui.ts";
6
6
 
7
7
  import defaultConfig from "./config.ts";
8
- import { UProgress, VARIANT } from "./constants.ts";
8
+ import { COMPONENT_NAME, VARIANT } from "./constants.ts";
9
9
 
10
10
  import UStepperProgress from "./UStepperProgress.vue";
11
11
  import UHeader from "../ui.text-header/UHeader.vue";
@@ -15,7 +15,7 @@ import type { UProgressProps, HeaderSize, Config } from "./types.ts";
15
15
  defineOptions({ inheritAttrs: false });
16
16
 
17
17
  const props = withDefaults(defineProps<UProgressProps>(), {
18
- ...getDefaults<UProgressProps, Config>(defaultConfig, UProgress),
18
+ ...getDefaults<UProgressProps, Config>(defaultConfig, COMPONENT_NAME),
19
19
  max: 100,
20
20
  });
21
21
 
@@ -2,7 +2,7 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UProgress = "UProgress";
5
+ export const COMPONENT_NAME = "UProgress";
6
6
 
7
7
  export const VARIANT = {
8
8
  stepper: "stepper",
@@ -4,7 +4,7 @@ import { computed, inject, toValue } from "vue";
4
4
  import useUI from "../composables/useUI.ts";
5
5
  import { getDefaults } from "../utils/ui.ts";
6
6
 
7
- import { UTab } from "./constants.ts";
7
+ import { COMPONENT_NAME } from "./constants.ts";
8
8
  import defaultConfig from "./config.ts";
9
9
 
10
10
  import type { Props, UTabSize, Config } from "./types.ts";
@@ -17,7 +17,7 @@ const getUTabsSelectedItem = inject("getUTabsSelectedItem", null);
17
17
  const getUTabsSize = inject("getUTabsSize", null);
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, UTab),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  });
22
22
 
23
23
  const selected = computed(() => {
@@ -25,7 +25,7 @@ const selected = computed(() => {
25
25
  });
26
26
 
27
27
  const size = computed(() => {
28
- return toValue(getUTabsSize) || getDefaults<UTabSize, Config>(defaultConfig, UTab).size;
28
+ return toValue(getUTabsSize) || getDefaults<UTabSize, Config>(defaultConfig, COMPONENT_NAME).size;
29
29
  });
30
30
 
31
31
  async function onClickSetValue() {
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UTab = "UTab";
5
+ export const COMPONENT_NAME = "UTab";
@@ -6,7 +6,7 @@ import { getDefaults } from "../utils/ui.ts";
6
6
 
7
7
  import UTab from "../ui.navigation-tab/UTab.vue";
8
8
 
9
- import { UTabs } from "./constants.ts";
9
+ import { COMPONENT_NAME } from "./constants.ts";
10
10
  import defaultConfig from "./config.ts";
11
11
 
12
12
  import type { Props, Config } from "./types.ts";
@@ -14,7 +14,7 @@ import type { Props, Config } from "./types.ts";
14
14
  defineOptions({ inheritAttrs: false });
15
15
 
16
16
  const props = withDefaults(defineProps<Props>(), {
17
- ...getDefaults<Props, Config>(defaultConfig, UTabs),
17
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
18
18
  modelValue: "",
19
19
  options: () => [],
20
20
  });
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UTabs = "UTabs";
5
+ export const COMPONENT_NAME = "UTabs";
@@ -2,7 +2,7 @@
2
2
  import useUI from "../composables/useUI.ts";
3
3
  import { getDefaults } from "../utils/ui.ts";
4
4
 
5
- import { UDot } from "./constants.ts";
5
+ import { COMPONENT_NAME } from "./constants.ts";
6
6
  import defaultConfig from "./config.ts";
7
7
 
8
8
  import type { Props, Config } from "./types.ts";
@@ -10,7 +10,7 @@ import type { Props, Config } from "./types.ts";
10
10
  defineOptions({ inheritAttrs: false });
11
11
 
12
12
  withDefaults(defineProps<Props>(), {
13
- ...getDefaults<Props, Config>(defaultConfig, UDot),
13
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
14
14
  });
15
15
 
16
16
  /**
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UDot = "UDot";
5
+ export const COMPONENT_NAME = "UDot";
@@ -9,7 +9,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
9
9
  import UButton from "../ui.button/UButton.vue";
10
10
  import UText from "../ui.text-block/UText.vue";
11
11
 
12
- import { UAlert } from "./constants.ts";
12
+ import { COMPONENT_NAME } from "./constants.ts";
13
13
  import defaultConfig from "./config.ts";
14
14
 
15
15
  import type { Props, TextSize, CloseIconSize, Config } from "./types.ts";
@@ -17,7 +17,7 @@ import type { Props, TextSize, CloseIconSize, Config } from "./types.ts";
17
17
  defineOptions({ inheritAttrs: false });
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, UAlert),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  });
22
22
 
23
23
  const emit = defineEmits([
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UAlert = "UAlert";
5
+ export const COMPONENT_NAME = "UAlert";
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
 
8
8
  import UIcon from "../ui.image-icon/UIcon.vue";
9
9
 
10
- import { UBadge } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
 
13
13
  import type { Props, IconSize, Config } from "./types.ts";
@@ -15,7 +15,7 @@ import type { Props, IconSize, Config } from "./types.ts";
15
15
  defineOptions({ inheritAttrs: false });
16
16
 
17
17
  const props = withDefaults(defineProps<Props>(), {
18
- ...getDefaults<Props, Config>(defaultConfig, UBadge),
18
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
19
19
  label: "",
20
20
  });
21
21
 
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UBadge = "UBadge";
5
+ export const COMPONENT_NAME = "UBadge";
@@ -3,7 +3,7 @@ import useUI from "../composables/useUI.ts";
3
3
  import { getDefaults } from "../utils/ui.ts";
4
4
  import { hasSlotContent } from "../utils/helper.ts";
5
5
 
6
- import { UText } from "./constants.ts";
6
+ import { COMPONENT_NAME } from "./constants.ts";
7
7
  import defaultConfig from "./config.ts";
8
8
 
9
9
  import type { Props, Config } from "./types.ts";
@@ -11,7 +11,7 @@ import type { Props, Config } from "./types.ts";
11
11
  defineOptions({ inheritAttrs: false });
12
12
 
13
13
  withDefaults(defineProps<Props>(), {
14
- ...getDefaults<Props, Config>(defaultConfig, UText),
14
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
15
15
  });
16
16
 
17
17
  /**
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UText = "UText";
5
+ export const COMPONENT_NAME = "UText";
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
  import UIcon from "../ui.image-icon/UIcon.vue";
8
8
  import UHeader from "../ui.text-header/UHeader.vue";
9
9
 
10
- import { UEmpty } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
 
13
13
  import type { Props, IconSize, TitleSize, Config } from "./types.ts";
@@ -15,7 +15,7 @@ import type { Props, IconSize, TitleSize, Config } from "./types.ts";
15
15
  defineOptions({ inheritAttrs: false });
16
16
 
17
17
  const props = withDefaults(defineProps<Props>(), {
18
- ...getDefaults<Props, Config>(defaultConfig, UEmpty),
18
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
19
19
  });
20
20
 
21
21
  const iconSize = computed(() => {
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UEmpty = "UEmpty";
5
+ export const COMPONENT_NAME = "UEmpty";
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
  import ULink from "../ui.button-link/ULink.vue";
8
8
  import UIcon from "../ui.image-icon/UIcon.vue";
9
9
 
10
- import { UFile } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
 
13
13
  import type { Props, IconSize, RemoveIconSize, Config } from "./types.ts";
@@ -15,7 +15,7 @@ import type { Props, IconSize, RemoveIconSize, Config } from "./types.ts";
15
15
  defineOptions({ inheritAttrs: false });
16
16
 
17
17
  const props = withDefaults(defineProps<Props>(), {
18
- ...getDefaults<Props, Config>(defaultConfig, UFile),
18
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
19
19
  label: "",
20
20
  });
21
21
 
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UFile = "UFile";
5
+ export const COMPONENT_NAME = "UFile";
@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
7
7
  import UFile from "../ui.text-file/UFile.vue";
8
8
  import ULabel from "../ui.form-label/ULabel.vue";
9
9
 
10
- import { UFiles } from "./constants.ts";
10
+ import { COMPONENT_NAME } from "./constants.ts";
11
11
  import defaultConfig from "./config.ts";
12
12
 
13
13
  import { getRandomId } from "../utils/helper.ts";
@@ -17,7 +17,7 @@ import type { Props, Config } from "./types.ts";
17
17
  defineOptions({ inheritAttrs: false });
18
18
 
19
19
  const props = withDefaults(defineProps<Props>(), {
20
- ...getDefaults<Props, Config>(defaultConfig, UFiles),
20
+ ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
21
21
  fileList: () => [],
22
22
  label: "",
23
23
  });
@@ -2,4 +2,4 @@
2
2
  This const is needed to prevent the issue in script setup:
3
3
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
4
4
  */
5
- export const UFiles = "UFiles";
5
+ export const COMPONENT_NAME = "UFiles";