vueless 0.0.612 → 0.0.613

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.612",
+  "version": "0.0.613",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.button-link/ULink.vue

@@ -7,14 +7,14 @@ import { hasSlotContent } from "../utils/helper.ts";
 import { getDefaults } from "../utils/ui.ts";
 
 import defaultConfig from "./config.ts";
-import { ULink } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, ULink),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
   to: undefined,
 });

package/ui.button-link/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const ULink = "ULink";
+export const COMPONENT_NAME = "ULink";

package/ui.button-toggle/UToggle.vue

@@ -8,14 +8,14 @@ import useUI from "../composables/useUI.ts";
 import { getDefaults } from "../utils/ui.ts";
 
 import defaultConfig from "./config.ts";
-import { UToggle, TYPE_RADIO, TYPE_CHECKBOX } from "./constants.ts";
+import { COMPONENT_NAME, TYPE_RADIO, TYPE_CHECKBOX } from "./constants.ts";
 
 import type { Props, LabelSize, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UToggle),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   options: () => [],
   modelValue: "",
   label: "",

package/ui.button-toggle/constants.ts

@@ -2,6 +2,6 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UToggle = "UToggle";
+export const COMPONENT_NAME = "UToggle";
 export const TYPE_RADIO = "radio";
 export const TYPE_CHECKBOX = "checkbox";

package/ui.button-toggle-item/UToggleItem.vue

@@ -9,7 +9,7 @@ import { getDefaults } from "../utils/ui.ts";
 import { TYPE_RADIO } from "../ui.button-toggle/constants.ts";
 
 import defaultConfig from "./config.ts";
-import { UToggleItem } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, ToggleInjectValues, ToggleContextType, Config } from "./types.ts";
 
@@ -18,7 +18,7 @@ type ButtonSize = "2xs" | "xs" | "sm" | "md" | "lg" | "xl";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UToggleItem),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
 });
@@ -34,26 +34,26 @@ const emit = defineEmits([
 /* eslint-disable prettier/prettier */
 const getToggleName = inject<() => string>("getToggleName", () => "toggle");
 const getToggleType = inject<() => string>("getToggleType", () =>
-  getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).type || TYPE_RADIO
+  getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).type || TYPE_RADIO
 );
 const getToggleSize = inject<() => ButtonSize>("getToggleSize", () =>
-  (getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).size || "md") as ButtonSize
+  (getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).size || "md") as ButtonSize
 );
 const getToggleRound = inject<() => boolean>("getToggleRound", () =>
-  getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).round || false
+  getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).round || false
 );
 const getToggleBlock = inject<() => boolean>("getToggleBlock", () =>
-  getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).block || false
+  getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).block || false
 );
 const getToggleSquare = inject<() => boolean>("getToggleSquare", () =>
-  getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).square || false
+  getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).square || false
 );
 const getToggleVariant = inject<string>("getToggleVariant",
-  getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).variant || "secondary"
+  getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).variant || "secondary"
 );
 const getToggleSeparated = inject<boolean>("getToggleSeparated", true);
 const getToggleDisabled = inject<() => boolean>("getToggleDisabled", () =>
-  props.disabled || getDefaults<ToggleInjectValues, Config>(defaultConfig, UToggleItem).disabled || false
+  props.disabled || getDefaults<ToggleInjectValues, Config>(defaultConfig, COMPONENT_NAME).disabled || false
 );
 /* eslint-enable prettier/prettier */
 

package/ui.button-toggle-item/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UToggleItem = "UToggleItem";
+export const COMPONENT_NAME = "UToggleItem";

package/ui.container-accordion/UAccordion.vue

@@ -7,7 +7,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UDivider from "../ui.container-divider/UDivider.vue";
 
-import { UAccordion } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, DividerSize, Config } from "./types.ts";
@@ -15,7 +15,7 @@ import type { Props, DividerSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UAccordion),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
 });
 
 const emit = defineEmits([

package/ui.container-accordion/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UAccordion = "UAccordion";
+export const COMPONENT_NAME = "UAccordion";

package/ui.container-card/UCard.vue

@@ -9,14 +9,14 @@ import UHeader from "../ui.text-header/UHeader.vue";
 import UDivider from "../ui.container-divider/UDivider.vue";
 
 import defaultConfig from "./config.ts";
-import { UCard } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCard),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
 });
 
 const slots = useSlots();

package/ui.container-card/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UCard = "UCard";
+export const COMPONENT_NAME = "UCard";

package/ui.container-col/UCol.vue

@@ -2,7 +2,7 @@
 import useUI from "../composables/useUI.ts";
 import { getDefaults } from "../utils/ui.ts";
 
-import { UCol } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -10,7 +10,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCol),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
 });
 
 /**

package/ui.container-col/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UCol = "UCol";
+export const COMPONENT_NAME = "UCol";

package/ui.container-divider/UDivider.vue

@@ -4,7 +4,7 @@ import { computed } from "vue";
 import useUI from "../composables/useUI.ts";
 import { getDefaults } from "../utils/ui.ts";
 
-import { UDivider } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -12,7 +12,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDivider),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
 });
 

package/ui.container-divider/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDivider = "UDivider";
+export const COMPONENT_NAME = "UDivider";

package/ui.container-group/UGroup.vue

@@ -4,7 +4,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UDivider from "../ui.container-divider/UDivider.vue";
 import UHeader from "../ui.text-header/UHeader.vue";
 
-import { UGroup } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -12,7 +12,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UGroup),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
 });
 
 /**

package/ui.container-group/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UGroup = "UGroup";
+export const COMPONENT_NAME = "UGroup";

package/ui.container-groups/UGroups.vue

@@ -2,7 +2,7 @@
 import useUI from "../composables/useUI.ts";
 import { getDefaults } from "../utils/ui.ts";
 
-import { UGroups } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -10,7 +10,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UGroups),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
 });
 
 /**

package/ui.container-groups/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UGroups = "UGroup";
+export const COMPONENT_NAME = "UGroup";

package/ui.container-modal/UModal.vue

@@ -11,14 +11,14 @@ import UHeader from "../ui.text-header/UHeader.vue";
 import UDivider from "../ui.container-divider/UDivider.vue";
 
 import defaultConfig from "./config.ts";
-import { UModal } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UModal),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   backTo: "",
   backLabel: "",

package/ui.container-modal/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UModal = "UModal";
+export const COMPONENT_NAME = "UModal";

package/ui.container-modal-confirm/UModalConfirm.vue

@@ -10,7 +10,7 @@ import UButton from "../ui.button/UButton.vue";
 import UModal from "../ui.container-modal/UModal.vue";
 
 import defaultConfig from "./config.ts";
-import { UModalConfirm } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import { useLocale } from "../composables/useLocale.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -18,7 +18,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UModalConfirm),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   confirmLabel: "",
 });
@@ -48,7 +48,7 @@ const isShownModal = computed({
   set: (value) => emit("update:modelValue", value),
 });
 
-const i18nGlobal = tm(UModalConfirm);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() =>
   merge({}, defaultConfig.i18n, i18nGlobal, props?.config?.i18n),
 );

package/ui.container-modal-confirm/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UModalConfirm = "UModalConfirm";
+export const COMPONENT_NAME = "UModalConfirm";

package/ui.container-page/UPage.vue

@@ -11,7 +11,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import UHeader from "../ui.text-header/UHeader.vue";
 
 import defaultConfig from "./config.ts";
-import { UPage } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 
@@ -20,7 +20,7 @@ const slots = useSlots();
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UPage),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   backTo: "",
   backLabel: "",
 });

package/ui.container-page/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UPage = "UPage";
+export const COMPONENT_NAME = "UPage";

package/ui.container-row/URow.vue

@@ -2,7 +2,7 @@
 import useUI from "../composables/useUI.ts";
 import { getDefaults } from "../utils/ui.ts";
 
-import { URow } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, Config } from "./types.ts";
@@ -10,7 +10,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, URow),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
 });
 
 /**

package/ui.container-row/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const URow = "URow";
+export const COMPONENT_NAME = "URow";

package/ui.data-list/UDataList.vue

@@ -10,7 +10,7 @@ import { hasSlotContent } from "../utils/helper.ts";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import UEmpty from "../ui.text-empty/UEmpty.vue";
 
-import { UDataList as UDataListName } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 import { useLocale } from "../composables/useLocale.ts";
 
@@ -19,7 +19,7 @@ import type { Props, IconSize, DragMoveEvent, DataListItem, Config } from "./typ
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDataListName),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   list: () => [],
 });
 
@@ -47,7 +47,7 @@ const emit = defineEmits([
 
 const { tm } = useLocale();
 
-const i18nGlobal = tm(UDataListName);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
 
 const iconSize = computed(() => {

package/ui.data-list/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDataList = "UDataList";
+export const COMPONENT_NAME = "UDataList";

package/ui.data-table/UTable.vue

@@ -35,7 +35,7 @@ import {
   addRowId,
 } from "./utilTable.ts";
 
-import { UTable } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Cell, Row, RowId, UTableProps, UTableRowAttrs, Config } from "./types.ts";
 import type { Ref, RendererElement, ComputedRef } from "vue";
@@ -43,7 +43,7 @@ import type { Ref, RendererElement, ComputedRef } from "vue";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<UTableProps>(), {
-  ...getDefaults<UTableProps, Config>(defaultConfig, UTable),
+  ...getDefaults<UTableProps, Config>(defaultConfig, COMPONENT_NAME),
   columns: () => [],
   rows: () => [],
   dateDivider: () => [],
@@ -95,7 +95,7 @@ const stickyHeaderRowRef = useTemplateRef<HTMLDivElement>("sticky-header-row");
 const stickyActionHeaderRowRef = useTemplateRef<HTMLDivElement>("sticky-action-header-row");
 const actionHeaderRowRef = useTemplateRef<HTMLDivElement>("action-header-row");
 
-const i18nGlobal = tm(UTable);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
 
 const sortedRows: ComputedRef<Row[]> = computed(() => {

package/ui.data-table/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UTable = "UTable";
+export const COMPONENT_NAME = "UTable";

package/ui.dropdown-badge/UDropdownBadge.vue

@@ -11,7 +11,7 @@ import UDropdownList from "../ui.dropdown-list/UDropdownList.vue";
 import { vClickOutside } from "../directives";
 
 import defaultConfig from "./config.ts";
-import { UDropdownBadge } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 import type { Option } from "../ui.dropdown-list/types.ts";
@@ -19,7 +19,7 @@ import type { Option } from "../ui.dropdown-list/types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDropdownBadge),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   options: () => [],
   label: "",
 });

package/ui.dropdown-badge/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDropdownBadge = "UDropdownBadge";
+export const COMPONENT_NAME = "UDropdownBadge";

package/ui.dropdown-button/UDropdownButton.vue

@@ -11,7 +11,7 @@ import UDropdownList from "../ui.dropdown-list/UDropdownList.vue";
 import { vClickOutside } from "../directives";
 
 import defaultConfig from "./config.ts";
-import { UDropdownButton } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, IconSize, DropdownSize, Config } from "./types.ts";
 import type { Option } from "../ui.dropdown-list/types.ts";
@@ -19,7 +19,7 @@ import type { Option } from "../ui.dropdown-list/types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDropdownButton),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   options: () => [],
   label: "",
 });

package/ui.dropdown-button/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDropdownButton = "UDropdownButton";
+export const COMPONENT_NAME = "UDropdownButton";

package/ui.dropdown-link/UDropdownLink.vue

@@ -10,7 +10,7 @@ import UDropdownList from "../ui.dropdown-list/UDropdownList.vue";
 
 import { vClickOutside } from "../directives";
 
-import { UDropdownLink } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
@@ -19,7 +19,7 @@ import type { Option } from "../ui.dropdown-list/types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDropdownLink),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   options: () => [],
   label: "",
 });

package/ui.dropdown-link/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDropdownLink = "UDropdownLink";
+export const COMPONENT_NAME = "UDropdownLink";

package/ui.dropdown-list/UDropdownList.vue

@@ -13,7 +13,7 @@ import usePointer from "./usePointer.ts";
 import { useLocale } from "../composables/useLocale.ts";
 
 import defaultConfig from "./config.ts";
-import { UDropdownList } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Option, Props, Config } from "./types.ts";
 import type { UnknownObject } from "../types.ts";
@@ -24,7 +24,7 @@ defineOptions({ inheritAttrs: false });
 const modelValue = defineModel<string | number | UnknownObject>({ default: "" });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDropdownList),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   options: () => [],
 });
 
@@ -53,7 +53,7 @@ const elementId = props.id || useId();
 
 const { tm } = useLocale();
 
-const i18nGlobal = tm(UDropdownList);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
 
 const addOptionKeyCombination = computed(() => {

package/ui.dropdown-list/constants.ts

@@ -2,4 +2,4 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UDropdownList = "UDropdownList";
+export const COMPONENT_NAME = "UDropdownList";

package/ui.form-calendar/UCalendar.vue

@@ -21,7 +21,7 @@ import { getDateWithoutTime, addMonths, addDays, addYears, getSortedLocale } fro
 import { useLocale } from "../composables/useLocale.ts";
 
 import {
-  UCalendar,
+  COMPONENT_NAME,
   ARROW_KEYS,
   YEARS_PER_VIEW,
   MAX_HOURS,
@@ -55,7 +55,7 @@ defineOptions({ inheritAttrs: false });
 type Props = UCalendarProps<TModelValue>;
 const props = withDefaults(defineProps<Props>(), {
   view: View.Day,
-  ...getDefaults<Props, Config>(defaultConfig, UCalendar),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: undefined,
   minDate: undefined,
   maxDate: undefined,
@@ -126,7 +126,7 @@ const isCurrentView = computed(() => ({
   year: currentView.value === View.Year,
 }));
 
-const i18nGlobal = tm<DefaultLocale>(UCalendar);
+const i18nGlobal = tm<DefaultLocale>(COMPONENT_NAME);
 
 const currentLocale: ComputedRef<Locale> = computed(() =>
   merge({}, defaultConfig.i18n, i18nGlobal, props.config?.i18n),

package/ui.form-calendar/constants.ts

@@ -2,7 +2,7 @@
   This const is needed to prevent the issue in script setup:
  `defineProps` is referencing locally declared variables. (vue/valid-define-props)
  */
-export const UCalendar = "UCalendar";
+export const COMPONENT_NAME = "UCalendar";
 
 export const YEARS_PER_VIEW = 12;
 export const MONTHS_PER_VIEW = 12;

package/ui.form-calendar/storybook/stories.ts

@@ -8,7 +8,7 @@ import {
 
 import UCalendar from "../../ui.form-calendar/UCalendar.vue";
 
-import { UCalendar as UCalendarName } from "../constants.ts";
+import { COMPONENT_NAME } from "../constants.ts";
 
 import type { DateValue, UCalendarProps } from "../types.ts";
 
@@ -23,11 +23,11 @@ export default {
   component: UCalendar,
   args: {},
   argTypes: {
-    ...getArgTypes(UCalendarName),
+    ...getArgTypes(COMPONENT_NAME),
   },
   parameters: {
     docs: {
-      ...getDocsDescription(UCalendarName),
+      ...getDocsDescription(COMPONENT_NAME),
       story: {
         height: "380px",
       },
@@ -38,7 +38,7 @@ export default {
 const DefaultTemplate: StoryFn<UCalendarArgs> = (args: UCalendarArgs) => ({
   components: { UCalendar },
   setup() {
-    const slots = getSlotNames(UCalendarName);
+    const slots = getSlotNames(COMPONENT_NAME);
 
     return { args, slots };
   },