vueless 0.0.612 → 0.0.614

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 };
   },

package/ui.form-checkbox/UCheckbox.vue

@@ -9,7 +9,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { UCheckbox } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { UnknownObject } from "../types.ts";
 import type { Props, IconSize, Config } from "./types.ts";
@@ -26,7 +26,7 @@ const getCheckboxGroupColor = inject("getCheckboxGroupColor", null);
 const getCheckboxSize = inject("getCheckboxSize", null);
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCheckbox),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   value: "",
   trueValue: true,

package/ui.form-checkbox/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 UCheckbox = "UCheckbox";
+export const COMPONENT_NAME = "UCheckbox";

package/ui.form-checkbox-group/UCheckboxGroup.vue

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import ULabel from "../ui.form-label/ULabel.vue";
 import UCheckbox from "../ui.form-checkbox/UCheckbox.vue";
 
-import { UCheckboxGroup } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { UnknownObject } from "../types.ts";
@@ -17,7 +17,7 @@ import type { Props, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCheckboxGroup),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: () => [],
   options: () => [],
   label: "",

package/ui.form-checkbox-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 UCheckboxGroup = "UCheckboxGroup";
+export const COMPONENT_NAME = "UCheckboxGroup";

package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UCheckbox from "../ui.form-checkbox/UCheckbox.vue";
 
 import defaultConfig from "./config.ts";
-import { UCheckboxMultiState } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, Config } from "./types.ts";
 import type { UCheckboxOption, Config as UCheckboxConfig } from "../ui.form-checkbox/types.ts";
@@ -17,7 +17,7 @@ import type { KeyAttrsWithConfig, UnknownObject } from "../types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UCheckboxMultiState),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: false,
   options: () => [],
 });

package/ui.form-checkbox-multi-state/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 UCheckboxMultiState = "UCheckboxMultiState";
+export const COMPONENT_NAME = "UCheckboxMultiState";

package/ui.form-color-picker/UColorPicker.vue

@@ -8,7 +8,7 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import URadio from "../ui.form-radio/URadio.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
-import { UColorPicker } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
@@ -17,9 +17,9 @@ import type { BrandColors } from "../types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UColorPicker),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   colorOptions: () =>
-    getDefaults<Props, Config>(defaultConfig, UColorPicker).colorOptions as BrandColors[],
+    getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME).colorOptions as BrandColors[],
   modelValue: "",
   label: "",
 });

package/ui.form-color-picker/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 UColorPicker = "UColorPicker";
+export const COMPONENT_NAME = "UColorPicker";

package/ui.form-date-picker/UDatePicker.vue

@@ -18,7 +18,7 @@ import { useLocale } from "../composables/useLocale.ts";
 import { Direction, useAutoPosition } from "../composables/useAutoPosition.ts";
 
 import defaultConfig from "./config.ts";
-import { UDatePicker } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import { vClickOutside } from "../directives";
 
@@ -32,7 +32,7 @@ defineOptions({ inheritAttrs: false });
 
 type Props = UDatePickerProps<TModelValue>;
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDatePicker),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: undefined,
   minDate: undefined,
   maxDate: undefined,
@@ -56,7 +56,7 @@ const emit = defineEmits([
 
 const { tm } = useLocale();
 
-const i18nGlobal = tm(UDatePicker);
+const i18nGlobal = tm(COMPONENT_NAME);
 
 const isShownCalendar = ref(false);
 const userFormatDate = ref("");

package/ui.form-date-picker/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 UDatePicker = "UDatePicker";
+export const COMPONENT_NAME = "UDatePicker";

package/ui.form-date-picker/storybook/stories.ts

@@ -10,7 +10,7 @@ import UDatePicker from "../../ui.form-date-picker/UDatePicker.vue";
 import UIcon from "../../ui.image-icon/UIcon.vue";
 import URow from "../../ui.container-row/URow.vue";
 
-import { UDatePicker as UDatePickerName } from "../constants.ts";
+import { COMPONENT_NAME } from "../constants.ts";
 
 import type { UDatePickerProps } from "../types.ts";
 
@@ -32,11 +32,11 @@ export default {
     modelValue: null,
   },
   argTypes: {
-    ...getArgTypes(UDatePickerName),
+    ...getArgTypes(COMPONENT_NAME),
   },
   parameters: {
     docs: {
-      ...getDocsDescription(UDatePickerName),
+      ...getDocsDescription(COMPONENT_NAME),
       story: {
         height: "480px",
       },
@@ -47,7 +47,7 @@ export default {
 const DefaultTemplate: StoryFn<DefaultUDatePickerArgs> = (args: DefaultUDatePickerArgs) => ({
   components: { UDatePicker, UIcon },
   setup() {
-    const slots = getSlotNames(UDatePickerName);
+    const slots = getSlotNames(COMPONENT_NAME);
 
     return { args, slots };
   },

package/ui.form-date-picker-range/UDatePickerRange.vue

@@ -46,7 +46,7 @@ import { useUserFormat } from "./useUserFormat.ts";
 
 import defaultConfig from "./config.ts";
 import {
-  UDatePickerRange,
+  COMPONENT_NAME,
   DATE_PICKER_BUTTON_TYPE,
   DATE_PICKER_INPUT_TYPE,
   INPUT_RANGE_FORMAT,
@@ -71,7 +71,7 @@ defineOptions({ inheritAttrs: false });
 
 type Props = UDatePickerRangeProps<TModelValue>;
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UDatePickerRange),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   customRangeButton: () => ({ range: { from: null, to: null } }),
   modelValue: undefined,
   minDate: undefined,

package/ui.form-date-picker-range/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 UDatePickerRange = "UDatePickerRange";
+export const COMPONENT_NAME = "UDatePickerRange";
 
 export const DATE_PICKER_BUTTON_TYPE = "button";
 export const DATE_PICKER_INPUT_TYPE = "input";

package/ui.form-date-picker-range/storybook/stories.ts

@@ -13,7 +13,7 @@ import UButton from "../../ui.button/UButton.vue";
 
 import { addDays } from "../../ui.form-calendar/utilDate.ts";
 
-import { UDatePickerRange as UDatePickerRangeName } from "../constants.ts";
+import { COMPONENT_NAME } from "../constants.ts";
 
 import type { UDatePickerRangeProps } from "../types.ts";
 
@@ -38,11 +38,11 @@ export default {
     },
   },
   argTypes: {
-    ...getArgTypes(UDatePickerRangeName),
+    ...getArgTypes(COMPONENT_NAME),
   },
   parameters: {
     docs: {
-      ...getDocsDescription(UDatePickerRangeName),
+      ...getDocsDescription(COMPONENT_NAME),
       story: {
         height: "620px",
       },
@@ -55,7 +55,7 @@ const DefaultTemplate: StoryFn<DefaultUDatePickerRangeArgs> = (
 ) => ({
   components: { UDatePickerRange, UIcon, UButton },
   setup() {
-    const slots = getSlotNames(UDatePickerRangeName);
+    const slots = getSlotNames(COMPONENT_NAME);
 
     return { args, slots };
   },

package/ui.form-date-picker-range/useLocale.ts

@@ -4,7 +4,7 @@ import { useLocale as useGlobalLocale } from "../composables/useLocale.ts";
 
 import { getSortedLocale } from "../ui.form-calendar/utilDate.ts";
 import { LocaleType } from "../ui.form-calendar/constants.ts";
-import { UDatePickerRange } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import defaultConfig from "./config.ts";
 
@@ -13,7 +13,7 @@ import type { Locale, UDatePickerRangeProps } from "./types.ts";
 export function useLocale(props: UDatePickerRangeProps<unknown>) {
   const { tm } = useGlobalLocale();
 
-  const i18nGlobal = tm<Locale>(UDatePickerRange);
+  const i18nGlobal = tm<Locale>(COMPONENT_NAME);
 
   const currentLocale = computed(() =>
     merge({}, defaultConfig.i18n, i18nGlobal, props.config?.i18n),

package/ui.form-input/UInput.vue

@@ -10,14 +10,14 @@ import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { UInput } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInput),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
   placeholder: "",

package/ui.form-input/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 UInput = "UInput";
+export const COMPONENT_NAME = "UInput";

package/ui.form-input-file/UInputFile.vue

@@ -14,7 +14,7 @@ import UFiles from "../ui.text-files/UFiles.vue";
 
 import { useLocale } from "../composables/useLocale.ts";
 
-import { UInputFile } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, ButtonSize, Config } from "./types.ts";
@@ -22,7 +22,7 @@ import type { Props, ButtonSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInputFile),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: () => [],
   allowedFileTypes: () => [],
   label: "",
@@ -49,7 +49,7 @@ const fileInputRef = ref<HTMLInputElement | null>(null);
 
 const elementId = props.id || useId();
 
-const i18nGlobal = tm(UInputFile);
+const i18nGlobal = tm(COMPONENT_NAME);
 const currentLocale = computed(() => merge({}, defaultConfig.i18n, i18nGlobal, props.config.i18n));
 
 const currentFiles = computed<File | File[] | null>({

package/ui.form-input-file/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 UInputFile = "UInputFile";
+export const COMPONENT_NAME = "UInputFile";

package/ui.form-input-money/UInputMoney.vue

@@ -8,14 +8,14 @@ import UInput from "../ui.form-input/UInput.vue";
 
 import defaultConfig from "./config.ts";
 import useFormatCurrency from "./useFormatCurrency.ts";
-import { UInputMoney } 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, UInputMoney),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   modelValue: "",
   label: "",
   placeholder: "",

package/ui.form-input-money/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 UInputMoney = "UInputMoney";
+export const COMPONENT_NAME = "UInputMoney";

package/ui.form-input-number/UInputNumber.vue

@@ -9,14 +9,14 @@ import UButton from "../ui.button/UButton.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
 import defaultConfig from "./config.ts";
-import { UInputNumber } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 
 import type { UInputNumberProps, Config } from "./types.ts";
 
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<UInputNumberProps>(), {
-  ...getDefaults<UInputNumberProps, Config>(defaultConfig, UInputNumber),
+  ...getDefaults<UInputNumberProps, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
 });
 

package/ui.form-input-number/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 UInputNumber = "UInputNumber";
+export const COMPONENT_NAME = "UInputNumber";

package/ui.form-input-rating/UInputRating.vue

@@ -8,7 +8,7 @@ import { getDefaults } from "../utils/ui.ts";
 import UIcon from "../ui.image-icon/UIcon.vue";
 import ULabel from "../ui.form-label/ULabel.vue";
 
-import { UInputRating } from "./constants.ts";
+import { COMPONENT_NAME } from "./constants.ts";
 import defaultConfig from "./config.ts";
 
 import type { Props, IconSize, Config } from "./types.ts";
@@ -16,7 +16,7 @@ import type { Props, IconSize, Config } from "./types.ts";
 defineOptions({ inheritAttrs: false });
 
 const props = withDefaults(defineProps<Props>(), {
-  ...getDefaults<Props, Config>(defaultConfig, UInputRating),
+  ...getDefaults<Props, Config>(defaultConfig, COMPONENT_NAME),
   label: "",
 });
 

package/ui.form-input-rating/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 UInputRating = "UInputRating";
+export const COMPONENT_NAME = "UInputRating";