From 1c66693b9f25496c0ed74db4777b43cdd26f3faa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
=?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Tue, 18 Feb 2025 18:49:23 +0500
Subject: [PATCH] fix: remove aliases (for using as lib)
---
package.json | 5 +-
src/common/constants/icons.ts | 236 +++++++++---------
src/common/helpers/common.ts | 2 +-
src/components/Button/Button.vue | 6 +-
src/components/Carousel/Carousel.vue | 8 +-
src/components/Checkbox/Checkbox.vue | 4 +-
src/components/ColorPicker/Button.vue | 2 +-
src/components/ColorPicker/ColorPicker.vue | 2 +-
src/components/Divider/Divider.vue | 2 +-
src/components/Drawer/Drawer.vue | 6 +-
src/components/InputDiv/InputDiv.vue | 10 +-
src/components/Knob/Knob.vue | 6 +-
src/components/Knob/helpers.ts | 2 +-
src/components/MenuDial/MenuDial.vue | 8 +-
src/components/Modal/Modal.vue | 6 +-
src/components/Paginator/Paginator.vue | 14 +-
src/components/Popup/Popup.vue | 2 +-
src/components/ProgressBar/ProgressBar.vue | 2 +-
src/components/Rating/Rating.vue | 4 +-
src/components/Select/Select.vue | 8 +-
src/components/Select/SelectItem.vue | 2 +-
src/components/SelectButton/SelectButton.vue | 6 +-
src/components/Slider/Slider.vue | 2 +-
src/components/Table/Table.vue | 16 +-
src/components/Table/components/TableCell.vue | 12 +-
.../Table/components/TableHeader.vue | 18 +-
src/components/Tag/Tag.vue | 2 +-
src/components/Toast/Toast.vue | 4 +-
src/components/ToggleSwitch/ToggleSwitch.vue | 2 +-
src/components/TreeList/TreeItems.vue | 4 +-
src/components/TreeList/TreeList.vue | 4 +-
src/postponed/Cropper/Cropper.vue | 6 +-
src/postponed/Cropper/CropperSelectedArea.vue | 8 +-
33 files changed, 218 insertions(+), 203 deletions(-)
diff --git a/package.json b/package.json
index 215d9ed..22ab991 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@d.malygin/UI_storybook",
- "version": "1.0.3",
+ "version": "1.0.4",
"type": "module",
"scripts": {
"dev": "vite",
@@ -201,8 +201,5 @@
"extends": [
"plugin:storybook/recommended"
]
- },
- "volta": {
- "node": "22.0.0"
}
}
diff --git a/src/common/constants/icons.ts b/src/common/constants/icons.ts
index f44b674..4cdddf6 100644
--- a/src/common/constants/icons.ts
+++ b/src/common/constants/icons.ts
@@ -1,123 +1,123 @@
import type { Component } from 'vue';
-import Age18Icon from '@icons/Mono/Age18Icon.vue';
-import AirplaneIcon from '@icons/Mono/AirplaneIcon.vue';
-import AlarmIcon from '@icons/Mono/AlarmIcon.vue';
-import AlignCenterIcon from '@icons/Mono/AlignCenterIcon.vue';
-import AlignLeftIcon from '@icons/Mono/AlignLeftIcon.vue';
-import AlignRightIcon from '@icons/Mono/AlignRightIcon.vue';
-import AnchorIcon from '@icons/Mono/AnchorIcon.vue';
-import AnchorLinkIcon from '@icons/Mono/AnchorLinkIcon.vue';
-import ArchiveIcon from '@icons/Mono/ArchiveIcon.vue';
-import ArrowForwardIcon from '@icons/Mono/ArrowForwardIcon.vue';
-import ArrowLeftIcon from '@icons/Mono/ArrowLeftIcon.vue';
-import ArrowRightIcon from '@icons/Mono/ArrowRightIcon.vue';
-import ArrowsVerticalIcon from '@icons/Mono/ArrowsVerticalIcon.vue';
-import AtIcon from '@icons/Mono/AtIcon.vue';
-import AwardIcon from '@icons/Mono/AwardIcon.vue';
-import BackspaceIcon from '@icons/Mono/BackspaceIcon.vue';
-import BadgeIcon from '@icons/Mono/BadgeIcon.vue';
-import BallFootballIcon from '@icons/Mono/BallFootballIcon.vue';
-import BallIcon from '@icons/Mono/BallIcon.vue';
-import BanknoteIcon from '@icons/Mono/BanknoteIcon.vue';
-import BellIcon from '@icons/Mono/BellIcon.vue';
-import BellOffIcon from '@icons/Mono/BellOffIcon.vue';
-import BoxIcon from '@icons/Mono/BoxIcon.vue';
-import BrightnessIcon from '@icons/Mono/BrightnessIcon.vue';
-import BulbIcon from '@icons/Mono/BulbIcon.vue';
-import CalculatorIcon from '@icons/Mono/CalculatorIcon.vue';
-import CalendarAddIcon from '@icons/Mono/CalendarAddIcon.vue';
-import CalendarIcon from '@icons/Mono/CalendarIcon.vue';
-import CalendarRemoveIcon from '@icons/Mono/CalendarRemoveIcon.vue';
-import CardsIcon from '@icons/Mono/CardsIcon.vue';
-import ChartLineIcon from '@icons/Mono/ChartLineIcon.vue';
-import ChartPieIcon from '@icons/Mono/ChartPieIcon.vue';
-import ChatIcon from '@icons/Mono/ChatIcon.vue';
-import CrossRoundFilledIcon from '@icons/Mono/CrossRoundFilledIcon.vue';
-import CropIcon from '@icons/Mono/CropIcon.vue';
-import ChatWritingIcon from '@icons/Mono/ChatWritingIcon.vue';
-import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
-import ChemistryFlaskIcon from '@icons/Mono/ChemistryFlaskIcon.vue';
-import CodeIcon from '@icons/Mono/CodeIcon.vue';
-import CoinsIcon from '@icons/Mono/CoinsIcon.vue';
-import ColorPaletteIcon from '@icons/Mono/ColorPaletteIcon.vue';
-import CompassIcon from '@icons/Mono/CompassIcon.vue';
-import ConstructionWorkerIcon from '@icons/Mono/ConstructionWorkerIcon.vue';
-import ContactsIcon from '@icons/Mono/ContactsIcon.vue';
-import CrossIcon from '@icons/Mono/CrossIcon.vue';
-import CubeIcon from '@icons/Mono/CubeIcon.vue';
-import CupIcon from '@icons/Mono/CupIcon.vue';
-import CursorIcon from '@icons/Mono/CursorIcon.vue';
-import DiamondIcon from '@icons/Mono/DiamondIcon.vue';
-import DiaryIcon from '@icons/Mono/DiaryIcon.vue';
-import DiceIcon from '@icons/Mono/DiceIcon.vue';
-import DigIcon from '@icons/Mono/DigIcon.vue';
-import DislikeIcon from '@icons/Mono/DislikeIcon.vue';
-import DisplayIcon from '@icons/Mono/DisplayIcon.vue';
-import DocumentIcon from '@icons/Mono/DocumentIcon.vue';
-import DocumentAddIcon from '@icons/Mono/DocumentAddIcon.vue';
-import DocumentDeleteIcon from '@icons/Mono/DocumentDeleteIcon.vue';
-import DocumentEditIcon from '@icons/Mono/DocumentEditIcon.vue';
-import DollarIcon from '@icons/Mono/DollarIcon.vue';
-import DotsHorizontalIcon from '@icons/Mono/DotsHorizontalIcon.vue';
-import DotsVerticalIcon from '@icons/Mono/DotsVerticalIcon.vue';
-import DownloadIcon from '@icons/Mono/DownloadIcon.vue';
-import DropIcon from '@icons/Mono/DropIcon.vue';
-import DumbbelIcon from '@icons/Mono/DumbbelIcon.vue';
-import EarthIcon from '@icons/Mono/EarthIcon.vue';
-import EditIcon from '@icons/Mono/EditIcon.vue';
-import EncyclopediaIcon from '@icons/Mono/EncyclopediaIcon.vue';
-import ExitIcon from '@icons/Mono/ExitIcon.vue';
-import EyeIcon from '@icons/Mono/EyeIcon.vue';
-import FeedbackIcon from '@icons/Mono/FeedbackIcon.vue';
-import FilterIcon from '@icons/Mono/FilterIcon.vue';
-import FingerprintIcon from '@icons/Mono/FingerprintIcon.vue';
-import FireIcon from '@icons/Mono/FireIcon.vue';
-import FlagIcon from '@icons/Mono/FlagIcon.vue';
-import FlashIcon from '@icons/Mono/FlashIcon.vue';
-import FlashlightIcon from '@icons/Mono/FlashlightIcon.vue';
-import FolderLockIcon from '@icons/Mono/FolderLockIcon.vue';
-import FrameIcon from '@icons/Mono/FrameIcon.vue';
-import FullScreenIcon from '@icons/Mono/FullScreenIcon.vue';
-import GameControllerIcon from '@icons/Mono/GameControllerIcon.vue';
-import GiftIcon from '@icons/Mono/GiftIcon.vue';
-import GlassesIcon from '@icons/Mono/GlassesIcon.vue';
-import HamburgerIcon from '@icons/Mono/HamburgerIcon.vue';
-import HandIcon from '@icons/Mono/HandIcon.vue';
-import HomeIcon from '@icons/Mono/HomeIcon.vue';
-import ImageIcon from '@icons/Mono/ImageIcon.vue';
-import ImageEditIcon from '@icons/Mono/ImageEditIcon.vue';
-import LineIcon from '@icons/Mono/LineIcon.vue';
-import LineDashedIcon from '@icons/Mono/LineDashedIcon.vue';
-import LineDottedIcon from '@icons/Mono/LineDottedIcon.vue';
-import LineDiagonalIcon from '@icons/Mono/LineDiagonalIcon.vue';
-import MoveIcon from '@icons/Mono/MoveIcon.vue';
-import ParagraphIcon from '@icons/Mono/ParagraphIcon.vue';
-import PhoneHandsetIcon from '@icons/Mono/PhoneHandsetIcon.vue';
-import PlusCircleIcon from '@icons/Mono/PlusCircleIcon.vue';
-import PlusIcon from '@icons/Mono/PlusIcon.vue';
-import PointerIcon from '@icons/Mono/PointerIcon.vue';
-import SaveIcon from '@icons/Mono/SaveIcon.vue';
-import SettingsIcon from '@icons/Mono/SettingsIcon.vue';
-import TableIcon from '@icons/Mono/TableIcon.vue';
-import TrashIcon from '@icons/Mono/TrashIcon.vue';
-import UserIcon from '@icons/Mono/UserIcon.vue';
-import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
-import SortHorizontalIcon from '@icons/Mono/SortHorizontalIcon.vue';
-import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
-import ArrowShortDownIcon from '@icons/Mono/ArrowDownShortIcon.vue';
-import SearchIcon from '@icons/Mono/SearchIcon.vue';
-import StarIcon from '@icons/Mono/StarIcon.vue';
-import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
-import CornerLeftBottomIcon from '@icons/Mono/CornerLeftBottomIcon.vue';
-import CornerLeftTopIcon from '@icons/Mono/CornerLeftTopIcon.vue';
-import CornerRightBottomIcon from '@icons/Mono/CornerRightBottomIcon.vue';
-import CornerRightTopIcon from '@icons/Mono/CornerRightTopIcon.vue';
-import InfoIcon from '@icons/Mono/InfoIcon.vue';
-import WarningIcon from '@icons/Mono/WarningIcon.vue';
-import CrossRoundIcon from '@icons/Mono/CrossRoundIcon.vue';
+import Age18Icon from '../../icons/Mono/Age18Icon.vue';
+import AirplaneIcon from '../../icons/Mono/AirplaneIcon.vue';
+import AlarmIcon from '../../icons/Mono/AlarmIcon.vue';
+import AlignCenterIcon from '../../icons/Mono/AlignCenterIcon.vue';
+import AlignLeftIcon from '../../icons/Mono/AlignLeftIcon.vue';
+import AlignRightIcon from '../../icons/Mono/AlignRightIcon.vue';
+import AnchorIcon from '../../icons/Mono/AnchorIcon.vue';
+import AnchorLinkIcon from '../../icons/Mono/AnchorLinkIcon.vue';
+import ArchiveIcon from '../../icons/Mono/ArchiveIcon.vue';
+import ArrowForwardIcon from '../../icons/Mono/ArrowForwardIcon.vue';
+import ArrowLeftIcon from '../../icons/Mono/ArrowLeftIcon.vue';
+import ArrowRightIcon from '../../icons/Mono/ArrowRightIcon.vue';
+import ArrowsVerticalIcon from '../../icons/Mono/ArrowsVerticalIcon.vue';
+import AtIcon from '../../icons/Mono/AtIcon.vue';
+import AwardIcon from '../../icons/Mono/AwardIcon.vue';
+import BackspaceIcon from '../../icons/Mono/BackspaceIcon.vue';
+import BadgeIcon from '../../icons/Mono/BadgeIcon.vue';
+import BallFootballIcon from '../../icons/Mono/BallFootballIcon.vue';
+import BallIcon from '../../icons/Mono/BallIcon.vue';
+import BanknoteIcon from '../../icons/Mono/BanknoteIcon.vue';
+import BellIcon from '../../icons/Mono/BellIcon.vue';
+import BellOffIcon from '../../icons/Mono/BellOffIcon.vue';
+import BoxIcon from '../../icons/Mono/BoxIcon.vue';
+import BrightnessIcon from '../../icons/Mono/BrightnessIcon.vue';
+import BulbIcon from '../../icons/Mono/BulbIcon.vue';
+import CalculatorIcon from '../../icons/Mono/CalculatorIcon.vue';
+import CalendarAddIcon from '../../icons/Mono/CalendarAddIcon.vue';
+import CalendarIcon from '../../icons/Mono/CalendarIcon.vue';
+import CalendarRemoveIcon from '../../icons/Mono/CalendarRemoveIcon.vue';
+import CardsIcon from '../../icons/Mono/CardsIcon.vue';
+import ChartLineIcon from '../../icons/Mono/ChartLineIcon.vue';
+import ChartPieIcon from '../../icons/Mono/ChartPieIcon.vue';
+import ChatIcon from '../../icons/Mono/ChatIcon.vue';
+import CrossRoundFilledIcon from '../../icons/Mono/CrossRoundFilledIcon.vue';
+import CropIcon from '../../icons/Mono/CropIcon.vue';
+import ChatWritingIcon from '../../icons/Mono/ChatWritingIcon.vue';
+import CheckMarkIcon from '../../icons/Mono/CheckMarkIcon.vue';
+import ChemistryFlaskIcon from '../../icons/Mono/ChemistryFlaskIcon.vue';
+import CodeIcon from '../../icons/Mono/CodeIcon.vue';
+import CoinsIcon from '../../icons/Mono/CoinsIcon.vue';
+import ColorPaletteIcon from '../../icons/Mono/ColorPaletteIcon.vue';
+import CompassIcon from '../../icons/Mono/CompassIcon.vue';
+import ConstructionWorkerIcon from '../../icons/Mono/ConstructionWorkerIcon.vue';
+import ContactsIcon from '../../icons/Mono/ContactsIcon.vue';
+import CrossIcon from '../../icons/Mono/CrossIcon.vue';
+import CubeIcon from '../../icons/Mono/CubeIcon.vue';
+import CupIcon from '../../icons/Mono/CupIcon.vue';
+import CursorIcon from '../../icons/Mono/CursorIcon.vue';
+import DiamondIcon from '../../icons/Mono/DiamondIcon.vue';
+import DiaryIcon from '../../icons/Mono/DiaryIcon.vue';
+import DiceIcon from '../../icons/Mono/DiceIcon.vue';
+import DigIcon from '../../icons/Mono/DigIcon.vue';
+import DislikeIcon from '../../icons/Mono/DislikeIcon.vue';
+import DisplayIcon from '../../icons/Mono/DisplayIcon.vue';
+import DocumentIcon from '../../icons/Mono/DocumentIcon.vue';
+import DocumentAddIcon from '../../icons/Mono/DocumentAddIcon.vue';
+import DocumentDeleteIcon from '../../icons/Mono/DocumentDeleteIcon.vue';
+import DocumentEditIcon from '../../icons/Mono/DocumentEditIcon.vue';
+import DollarIcon from '../../icons/Mono/DollarIcon.vue';
+import DotsHorizontalIcon from '../../icons/Mono/DotsHorizontalIcon.vue';
+import DotsVerticalIcon from '../../icons/Mono/DotsVerticalIcon.vue';
+import DownloadIcon from '../../icons/Mono/DownloadIcon.vue';
+import DropIcon from '../../icons/Mono/DropIcon.vue';
+import DumbbelIcon from '../../icons/Mono/DumbbelIcon.vue';
+import EarthIcon from '../../icons/Mono/EarthIcon.vue';
+import EditIcon from '../../icons/Mono/EditIcon.vue';
+import EncyclopediaIcon from '../../icons/Mono/EncyclopediaIcon.vue';
+import ExitIcon from '../../icons/Mono/ExitIcon.vue';
+import EyeIcon from '../../icons/Mono/EyeIcon.vue';
+import FeedbackIcon from '../../icons/Mono/FeedbackIcon.vue';
+import FilterIcon from '../../icons/Mono/FilterIcon.vue';
+import FingerprintIcon from '../../icons/Mono/FingerprintIcon.vue';
+import FireIcon from '../../icons/Mono/FireIcon.vue';
+import FlagIcon from '../../icons/Mono/FlagIcon.vue';
+import FlashIcon from '../../icons/Mono/FlashIcon.vue';
+import FlashlightIcon from '../../icons/Mono/FlashlightIcon.vue';
+import FolderLockIcon from '../../icons/Mono/FolderLockIcon.vue';
+import FrameIcon from '../../icons/Mono/FrameIcon.vue';
+import FullScreenIcon from '../../icons/Mono/FullScreenIcon.vue';
+import GameControllerIcon from '../../icons/Mono/GameControllerIcon.vue';
+import GiftIcon from '../../icons/Mono/GiftIcon.vue';
+import GlassesIcon from '../../icons/Mono/GlassesIcon.vue';
+import HamburgerIcon from '../../icons/Mono/HamburgerIcon.vue';
+import HandIcon from '../../icons/Mono/HandIcon.vue';
+import HomeIcon from '../../icons/Mono/HomeIcon.vue';
+import ImageIcon from '../../icons/Mono/ImageIcon.vue';
+import ImageEditIcon from '../../icons/Mono/ImageEditIcon.vue';
+import LineIcon from '../../icons/Mono/LineIcon.vue';
+import LineDashedIcon from '../../icons/Mono/LineDashedIcon.vue';
+import LineDottedIcon from '../../icons/Mono/LineDottedIcon.vue';
+import LineDiagonalIcon from '../../icons/Mono/LineDiagonalIcon.vue';
+import MoveIcon from '../../icons/Mono/MoveIcon.vue';
+import ParagraphIcon from '../../icons/Mono/ParagraphIcon.vue';
+import PhoneHandsetIcon from '../../icons/Mono/PhoneHandsetIcon.vue';
+import PlusCircleIcon from '../../icons/Mono/PlusCircleIcon.vue';
+import PlusIcon from '../../icons/Mono/PlusIcon.vue';
+import PointerIcon from '../../icons/Mono/PointerIcon.vue';
+import SaveIcon from '../../icons/Mono/SaveIcon.vue';
+import SettingsIcon from '../../icons/Mono/SettingsIcon.vue';
+import TableIcon from '../../icons/Mono/TableIcon.vue';
+import TrashIcon from '../../icons/Mono/TrashIcon.vue';
+import UserIcon from '../../icons/Mono/UserIcon.vue';
+import TriangleIcon from '../../icons/Mono/TriangleIcon.vue';
+import SortHorizontalIcon from '../../icons/Mono/SortHorizontalIcon.vue';
+import SortDownIcon from '../../icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '../../icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '../../icons/Mono/SortVerticalIcon.vue';
+import ArrowShortDownIcon from '../../icons/Mono/ArrowDownShortIcon.vue';
+import SearchIcon from '../../icons/Mono/SearchIcon.vue';
+import StarIcon from '../../icons/Mono/StarIcon.vue';
+import StarFilledIcon from '../../icons/Mono/StarFilledIcon.vue';
+import CornerLeftBottomIcon from '../../icons/Mono/CornerLeftBottomIcon.vue';
+import CornerLeftTopIcon from '../../icons/Mono/CornerLeftTopIcon.vue';
+import CornerRightBottomIcon from '../../icons/Mono/CornerRightBottomIcon.vue';
+import CornerRightTopIcon from '../../icons/Mono/CornerRightTopIcon.vue';
+import InfoIcon from '../../icons/Mono/InfoIcon.vue';
+import WarningIcon from '../../icons/Mono/WarningIcon.vue';
+import CrossRoundIcon from '../../icons/Mono/CrossRoundIcon.vue';
export const iconsSet: Record<string, Component> = {
Age18: Age18Icon,
diff --git a/src/common/helpers/common.ts b/src/common/helpers/common.ts
index 75df67a..d1bff4c 100644
--- a/src/common/helpers/common.ts
+++ b/src/common/helpers/common.ts
@@ -9,7 +9,7 @@ import {
convert700ThemeToColor,
convert800ThemeToColor,
convert900ThemeToColor,
-} from '@helpers/colors';
+} from './colors';
/**
* Convert color of type TThemeColor to hex
diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
index 41d7e61..18b1925 100644
--- a/src/components/Button/Button.vue
+++ b/src/components/Button/Button.vue
@@ -1,7 +1,11 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IButtonProps } from '@interfaces/componentsProps';
-import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToSecondaryColor,
+ convertThemeToColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
const props = withDefaults(defineProps<IButtonProps>(), {
size: 'normal',
diff --git a/src/components/Carousel/Carousel.vue b/src/components/Carousel/Carousel.vue
index 9975714..c4096fb 100644
--- a/src/components/Carousel/Carousel.vue
+++ b/src/components/Carousel/Carousel.vue
@@ -1,10 +1,10 @@
<script setup lang="ts">
import type { ICarouselProps } from '@interfaces/componentsProps';
-import CarouselButtonContainer from '@components/Carousel/CarouselButtonContainer.vue';
+import CarouselButtonContainer from './CarouselButtonContainer.vue';
import { computed, ref } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
-import ArrowLeftShortIcon from '@icons/Mono/ArrowLeftShortIcon.vue';
-import ArrowRightShortIcon from '@icons/Mono/ArrowRightShortIcon.vue';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
+import ArrowLeftShortIcon from '../../icons/Mono/ArrowLeftShortIcon.vue';
+import ArrowRightShortIcon from '../../icons/Mono/ArrowRightShortIcon.vue';
import { defaultProps, getNewValue } from './helpers';
const props = withDefaults(defineProps<ICarouselProps>(), {
diff --git a/src/components/Checkbox/Checkbox.vue b/src/components/Checkbox/Checkbox.vue
index f2b5e97..8cf1e5d 100644
--- a/src/components/Checkbox/Checkbox.vue
+++ b/src/components/Checkbox/Checkbox.vue
@@ -1,8 +1,8 @@
<script setup lang="ts">
import type { ICheckboxProps } from '@interfaces/componentsProps';
import { computed, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
-import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
+import CheckMarkIcon from '../../icons/Mono/CheckMarkIcon.vue';
const props = withDefaults(defineProps<ICheckboxProps>(), {
label: '',
diff --git a/src/components/ColorPicker/Button.vue b/src/components/ColorPicker/Button.vue
index 3769148..74ab496 100644
--- a/src/components/ColorPicker/Button.vue
+++ b/src/components/ColorPicker/Button.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IButtonProps } from '@interfaces/componentsProps';
-import { convertThemeToSecondaryColor, convertThemeToColor } from '@helpers/common';
+import { convertThemeToSecondaryColor, convertThemeToColor } from '../../common/helpers/common';
interface Props extends IButtonProps {
disabled?: boolean;
diff --git a/src/components/ColorPicker/ColorPicker.vue b/src/components/ColorPicker/ColorPicker.vue
index 8cdaf2f..d8f31e3 100644
--- a/src/components/ColorPicker/ColorPicker.vue
+++ b/src/components/ColorPicker/ColorPicker.vue
@@ -2,7 +2,7 @@
import type { IColorPickerProps } from '@interfaces/componentsProps';
import { computed, type Ref } from 'vue';
import Button from './Button.vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IColorPickerProps>(), {
size: 'normal',
diff --git a/src/components/Divider/Divider.vue b/src/components/Divider/Divider.vue
index 65894e0..09a3de2 100644
--- a/src/components/Divider/Divider.vue
+++ b/src/components/Divider/Divider.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IDividerProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
const props = withDefaults(defineProps<IDividerProps>(), {
height: 1,
diff --git a/src/components/Drawer/Drawer.vue b/src/components/Drawer/Drawer.vue
index 6480688..406a056 100644
--- a/src/components/Drawer/Drawer.vue
+++ b/src/components/Drawer/Drawer.vue
@@ -2,7 +2,11 @@
import { computed, type Ref, watch } from 'vue';
import { iconsSet } from '@/common/constants/icons';
import type { IDrawerProps } from '@interfaces/componentsProps';
-import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToColor,
+ convertThemeToSecondaryColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { CustomWindow } from '@interfaces/common';
const props = withDefaults(defineProps<IDrawerProps>(), {
diff --git a/src/components/InputDiv/InputDiv.vue b/src/components/InputDiv/InputDiv.vue
index cce4d05..8c0d7a5 100644
--- a/src/components/InputDiv/InputDiv.vue
+++ b/src/components/InputDiv/InputDiv.vue
@@ -1,14 +1,8 @@
<script setup lang="ts">
import type { IInputDivProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
-import {
- calcIndexesToValueindex,
- calcPartsBy,
- calcPartsDash,
- changeInputHandler,
- moveFocus,
-} from '@components/InputDiv/helpers';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
+import { calcIndexesToValueindex, calcPartsBy, calcPartsDash, changeInputHandler, moveFocus } from './helpers';
const props = withDefaults(defineProps<IInputDivProps>(), {
scheme: '4by1',
diff --git a/src/components/Knob/Knob.vue b/src/components/Knob/Knob.vue
index 5da0e2d..35be2a7 100644
--- a/src/components/Knob/Knob.vue
+++ b/src/components/Knob/Knob.vue
@@ -1,9 +1,9 @@
<script setup lang="ts">
import type { IKnobProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor } from '@helpers/common';
-import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize } from '@components/Knob/helpers';
-import Button from '@components/Button/Button.vue';
+import { convertThemeToColor } from '../../common/helpers/common';
+import { calcCenter, calcStart, calcNewValue, calcThemeColor, calcContainerSize } from './helpers';
+import Button from '../Button/Button.vue';
const props = withDefaults(defineProps<IKnobProps>(), {
min: 0,
diff --git a/src/components/Knob/helpers.ts b/src/components/Knob/helpers.ts
index 56cb24e..9d7114e 100644
--- a/src/components/Knob/helpers.ts
+++ b/src/components/Knob/helpers.ts
@@ -1,4 +1,4 @@
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
import { EThemeColor, type TDarkness, type TSize, type TThemeColor } from '@interfaces/common';
import type { IColorGap } from '@interfaces/componentsProp';
diff --git a/src/components/MenuDial/MenuDial.vue b/src/components/MenuDial/MenuDial.vue
index c7bbc57..13b0014 100644
--- a/src/components/MenuDial/MenuDial.vue
+++ b/src/components/MenuDial/MenuDial.vue
@@ -1,8 +1,12 @@
<script setup lang="ts">
import { computed } from 'vue';
import type { IMDProps } from '@interfaces/componentsProps';
-import PlusIcon from '@icons/Mono/PlusIcon.vue';
-import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import PlusIcon from '../../icons/Mono/PlusIcon.vue';
+import {
+ convertThemeToSecondaryColor,
+ convertThemeToColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { IMDItemProps } from '@interfaces/componentsProp';
const props = withDefaults(defineProps<IMDProps>(), {
diff --git a/src/components/Modal/Modal.vue b/src/components/Modal/Modal.vue
index 8b7597a..a193a46 100644
--- a/src/components/Modal/Modal.vue
+++ b/src/components/Modal/Modal.vue
@@ -2,7 +2,11 @@
import { computed, watch } from 'vue';
import type { IModalProps } from '@interfaces/componentsProps';
import { iconsSet } from '@/common/constants/icons';
-import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToColor,
+ convertThemeToSecondaryColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { CustomWindow } from '@interfaces/common';
const props = withDefaults(defineProps<IModalProps>(), {
diff --git a/src/components/Paginator/Paginator.vue b/src/components/Paginator/Paginator.vue
index 14dfc4b..61a08ba 100644
--- a/src/components/Paginator/Paginator.vue
+++ b/src/components/Paginator/Paginator.vue
@@ -1,14 +1,14 @@
<script setup lang="ts">
-import ArrowDoubleLeftShortIcon from '@icons/Mono/ArrowDoubleLeftShortIcon.vue';
-import ArrowDoubleRightShortIcon from '@icons/Mono/ArrowDoubleRightShortIcon.vue';
-import ArrowLeftShortIcon from '@icons/Mono/ArrowLeftShortIcon.vue';
-import ArrowRightShortIcon from '@icons/Mono/ArrowRightShortIcon.vue';
+import ArrowDoubleLeftShortIcon from '../../icons/Mono/ArrowDoubleLeftShortIcon.vue';
+import ArrowDoubleRightShortIcon from '../../icons/Mono/ArrowDoubleRightShortIcon.vue';
+import ArrowLeftShortIcon from '../../icons/Mono/ArrowLeftShortIcon.vue';
+import ArrowRightShortIcon from '../../icons/Mono/ArrowRightShortIcon.vue';
import type { IPaginatorProps } from '@interfaces/componentsProps';
-import PaginatorItem from '@components/Paginator/PaginatorItem.vue';
+import PaginatorItem from './PaginatorItem.vue';
import { computed, type Ref, watch } from 'vue';
-import Select from '@components/Select/Select.vue';
+import Select from '../Select/Select.vue';
import type { ISelectOption } from '@interfaces/componentsProp';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IPaginatorProps>(), {
total: 10,
diff --git a/src/components/Popup/Popup.vue b/src/components/Popup/Popup.vue
index 66e4f56..a450980 100644
--- a/src/components/Popup/Popup.vue
+++ b/src/components/Popup/Popup.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { IPopupProps } from '@interfaces/componentsProps';
import { computed, type Ref, ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToSecondaryColor } from '@helpers/common';
+import { convertThemeToColor, convertThemeToSecondaryColor } from '../../common/helpers/common';
import type { CustomWindow } from '@interfaces/common';
const props = withDefaults(defineProps<IPopupProps>(), {
diff --git a/src/components/ProgressBar/ProgressBar.vue b/src/components/ProgressBar/ProgressBar.vue
index ee2cde7..d70ab95 100644
--- a/src/components/ProgressBar/ProgressBar.vue
+++ b/src/components/ProgressBar/ProgressBar.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { IProgressBarProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IProgressBarProps>(), {
value: 0,
diff --git a/src/components/Rating/Rating.vue b/src/components/Rating/Rating.vue
index aef15bc..37772ce 100644
--- a/src/components/Rating/Rating.vue
+++ b/src/components/Rating/Rating.vue
@@ -2,8 +2,8 @@
import type { IRatingProps } from '@interfaces/componentsProps';
import { computed, type Ref, ref, watch } from 'vue';
import { iconsSet } from '@/common/constants/icons';
-import StarFilledIcon from '@icons/Mono/StarFilledIcon.vue';
-import { convertThemeToColor, getValueFromSize } from '@helpers/common';
+import StarFilledIcon from '../../icons/Mono/StarFilledIcon.vue';
+import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
const props = withDefaults(defineProps<IRatingProps>(), {
count: 5,
diff --git a/src/components/Select/Select.vue b/src/components/Select/Select.vue
index 92bec55..fc1a19c 100644
--- a/src/components/Select/Select.vue
+++ b/src/components/Select/Select.vue
@@ -1,12 +1,12 @@
<script setup lang="ts">
import type { ISelectProps } from '@interfaces/componentsProps';
import { computed, ref, watch } from 'vue';
-import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor } from '../../common/helpers/common';
import { iconsSet } from '@/common/constants/icons';
import type { TThemeColor } from '@interfaces/common';
-import SelectItem from '@components/Select/SelectItem.vue';
-import SearchIcon from '@icons/Mono/SearchIcon.vue';
-import { calcFontSize, calcPadding, getOptionsGroups } from '@components/Select/helpers';
+import SelectItem from './SelectItem.vue';
+import SearchIcon from '../../icons/Mono/SearchIcon.vue';
+import { calcFontSize, calcPadding, getOptionsGroups } from './helpers';
const props = withDefaults(defineProps<ISelectProps>(), {
options: () => [{ value: 'One' }, { value: 'Two' }],
diff --git a/src/components/Select/SelectItem.vue b/src/components/Select/SelectItem.vue
index 152c06b..f1e71f3 100644
--- a/src/components/Select/SelectItem.vue
+++ b/src/components/Select/SelectItem.vue
@@ -2,7 +2,7 @@
import { iconsSet } from '@/common/constants/icons';
import type { ISelectOption } from '@interfaces/componentsProp';
import type { TThemeColor } from '@interfaces/common';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
interface IProps {
option: ISelectOption | undefined;
fontSizeNumber: string;
diff --git a/src/components/SelectButton/SelectButton.vue b/src/components/SelectButton/SelectButton.vue
index 1d1f1b6..6535157 100644
--- a/src/components/SelectButton/SelectButton.vue
+++ b/src/components/SelectButton/SelectButton.vue
@@ -1,7 +1,11 @@
<script setup lang="ts">
import { computed, type Ref } from 'vue';
import type { ISBProps } from '@interfaces/componentsProps';
-import { convertThemeToSecondaryColor, convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import {
+ convertThemeToSecondaryColor,
+ convertThemeToColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
import type { ISBOption } from '@interfaces/componentsProp';
const props = withDefaults(defineProps<ISBProps>(), {
diff --git a/src/components/Slider/Slider.vue b/src/components/Slider/Slider.vue
index f8daeb6..95cd9da 100644
--- a/src/components/Slider/Slider.vue
+++ b/src/components/Slider/Slider.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed, watch } from 'vue';
import type { ISliderProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
const props = withDefaults(defineProps<ISliderProps>(), {
width: '100',
diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue
index 317cb3a..3b81ba4 100644
--- a/src/components/Table/Table.vue
+++ b/src/components/Table/Table.vue
@@ -1,12 +1,16 @@
<script setup lang="ts">
import type { ITableProps } from '@interfaces/componentsProps';
import { computed, type Ref, ref } from 'vue';
-import { convertThemeToColor, convertThemeToSecondaryColor, convertThemeToTextColor } from '@helpers/common';
-import { calcAdditionalHeight, calcGap, calcRows } from '@components/Table/helpers';
-import TableHeader from '@components/Table/components/TableHeader.vue';
-import TableCell from '@components/Table/components/TableCell.vue';
-import Paginator from '@components/Paginator/Paginator.vue';
-import ToggleSwitch from '@components/ToggleSwitch/ToggleSwitch.vue';
+import {
+ convertThemeToColor,
+ convertThemeToSecondaryColor,
+ convertThemeToTextColor,
+} from '../../common/helpers/common';
+import { calcAdditionalHeight, calcGap, calcRows } from './helpers';
+import TableHeader from './components/TableHeader.vue';
+import TableCell from './components/TableCell.vue';
+import Paginator from '../Paginator/Paginator.vue';
+import ToggleSwitch from '../ToggleSwitch/ToggleSwitch.vue';
const props = withDefaults(defineProps<ITableProps>(), {
size: 'normal',
diff --git a/src/components/Table/components/TableCell.vue b/src/components/Table/components/TableCell.vue
index ef07be1..867db26 100644
--- a/src/components/Table/components/TableCell.vue
+++ b/src/components/Table/components/TableCell.vue
@@ -1,11 +1,11 @@
<script setup lang="ts">
-import { filterCheckboxProps, filterSelectProps } from '@components/Table/helpers';
+import { filterCheckboxProps, filterSelectProps } from '../helpers';
import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
-import Checkbox from '@components/Checkbox/Checkbox.vue';
-import Select from '@components/Select/Select.vue';
-import Rating from '@components/Rating/Rating.vue';
-import ProgressBar from '@components/ProgressBar/ProgressBar.vue';
-import Knob from '@components/Knob/Knob.vue';
+import Checkbox from '../../Checkbox/Checkbox.vue';
+import Select from '../../Select/Select.vue';
+import Rating from '../../Rating/Rating.vue';
+import ProgressBar from '../../ProgressBar/ProgressBar.vue';
+import Knob from '../../Knob/Knob.vue';
import type { TThemeColor } from '@interfaces/common';
interface IProps {
diff --git a/src/components/Table/components/TableHeader.vue b/src/components/Table/components/TableHeader.vue
index 0c965f5..800d094 100644
--- a/src/components/Table/components/TableHeader.vue
+++ b/src/components/Table/components/TableHeader.vue
@@ -1,13 +1,13 @@
<script setup lang="ts">
-import FilterIcon from '@icons/Mono/FilterIcon.vue';
-import SortDownIcon from '@icons/Mono/SortDownIcon.vue';
-import SortUpIcon from '@icons/Mono/SortUpIcon.vue';
-import SortVerticalIcon from '@icons/Mono/SortVerticalIcon.vue';
-import { calcColumnPadding } from '@components/Table/helpers';
-import Popup from '@components/Popup/Popup.vue';
-import Button from '@components/Button/Button.vue';
-import CheckMarkIcon from '@icons/Mono/CheckMarkIcon.vue';
-import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import FilterIcon from '../../../icons/Mono/FilterIcon.vue';
+import SortDownIcon from '../../../icons/Mono/SortDownIcon.vue';
+import SortUpIcon from '../../../icons/Mono/SortUpIcon.vue';
+import SortVerticalIcon from '../../../icons/Mono/SortVerticalIcon.vue';
+import { calcColumnPadding } from '../helpers';
+import Popup from '../../Popup/Popup.vue';
+import Button from '../../Button/Button.vue';
+import CheckMarkIcon from '../../../icons/Mono/CheckMarkIcon.vue';
+import CrossIcon from '../../../icons/Mono/CrossIcon.vue';
import type { TThemeColor } from '@interfaces/common';
import type { ITableColumn, TTableColumnType } from '@interfaces/componentsProp';
import { computed } from 'vue';
diff --git a/src/components/Tag/Tag.vue b/src/components/Tag/Tag.vue
index 2b7d31b..2eb93eb 100644
--- a/src/components/Tag/Tag.vue
+++ b/src/components/Tag/Tag.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import type { ITagProps } from '@interfaces/componentsProps';
import { computed } from 'vue';
-import { convertThemeToColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
import { iconsSet } from '@/common/constants/icons';
const props = withDefaults(defineProps<ITagProps>(), {
diff --git a/src/components/Toast/Toast.vue b/src/components/Toast/Toast.vue
index bcf16ce..27dd30d 100644
--- a/src/components/Toast/Toast.vue
+++ b/src/components/Toast/Toast.vue
@@ -1,10 +1,10 @@
<script setup lang="ts">
import type { IToastProps } from '@interfaces/componentsProps';
import { computed, ref, type Ref, watch } from 'vue';
-import { convertThemeToColor, getValueFromSize } from '@helpers/common';
+import { convertThemeToColor, getValueFromSize } from '../../common/helpers/common';
import type { TToastType } from '@interfaces/componentsProp';
import { iconsSet } from '@/common/constants/icons';
-import CrossIcon from '@icons/Mono/CrossIcon.vue';
+import CrossIcon from '../../icons/Mono/CrossIcon.vue';
import type { TThemeColor } from '@interfaces/common';
const props = withDefaults(defineProps<IToastProps>(), {
diff --git a/src/components/ToggleSwitch/ToggleSwitch.vue b/src/components/ToggleSwitch/ToggleSwitch.vue
index 472ff20..168a83e 100644
--- a/src/components/ToggleSwitch/ToggleSwitch.vue
+++ b/src/components/ToggleSwitch/ToggleSwitch.vue
@@ -1,7 +1,7 @@
<script setup lang="ts">
import { computed, type Ref } from 'vue';
import type { ITSProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
const props = withDefaults(defineProps<ITSProps>(), {
size: 'normal',
diff --git a/src/components/TreeList/TreeItems.vue b/src/components/TreeList/TreeItems.vue
index f396073..c9e4881 100644
--- a/src/components/TreeList/TreeItems.vue
+++ b/src/components/TreeList/TreeItems.vue
@@ -1,8 +1,8 @@
<script setup lang="ts">
import { iconsSet } from '@/common/constants/icons';
-import TriangleIcon from '@icons/Mono/TriangleIcon.vue';
+import TriangleIcon from '../../icons/Mono/TriangleIcon.vue';
import type { ITIProps } from '@interfaces/componentsProps';
-import { convertThemeToColor } from '@helpers/common';
+import { convertThemeToColor } from '../../common/helpers/common';
defineProps<ITIProps>();
const emit = defineEmits(['toggleIsOpen', 'onClick']);
diff --git a/src/components/TreeList/TreeList.vue b/src/components/TreeList/TreeList.vue
index 556c674..274ed3f 100644
--- a/src/components/TreeList/TreeList.vue
+++ b/src/components/TreeList/TreeList.vue
@@ -1,9 +1,9 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import type { ITreeItem } from '@interfaces/componentsProp';
-import TreeItems from '@components/TreeList/TreeItems.vue';
+import TreeItems from './TreeItems.vue';
import type { ITLProps } from '@interfaces/componentsProps';
-import { convertThemeToColor, convertThemeToTextColor } from '@helpers/common';
+import { convertThemeToColor, convertThemeToTextColor } from '../../common/helpers/common';
interface IStateItem {
isOpen: boolean;
diff --git a/src/postponed/Cropper/Cropper.vue b/src/postponed/Cropper/Cropper.vue
index 568f1ee..b481c2d 100644
--- a/src/postponed/Cropper/Cropper.vue
+++ b/src/postponed/Cropper/Cropper.vue
@@ -1,9 +1,9 @@
<script setup lang="ts">
import type { ICropperProps } from '@interfaces/componentsProps';
import { computed, ref, watch } from 'vue';
-import Button from '@components/Button/Button.vue';
-import { convertThemeToTextColor } from '@helpers/common';
-import SaveIcon from '@icons/Mono/SaveIcon.vue';
+import Button from '../../components/Button/Button.vue';
+import { convertThemeToTextColor } from '../../common/helpers/common';
+import SaveIcon from '../../icons/Mono/SaveIcon.vue';
import { calcContainerRect } from '@/postponed/Cropper/helpers';
import CropperSelectedArea from '@/postponed/Cropper/CropperSelectedArea.vue';
diff --git a/src/postponed/Cropper/CropperSelectedArea.vue b/src/postponed/Cropper/CropperSelectedArea.vue
index 881b0fc..83fa176 100644
--- a/src/postponed/Cropper/CropperSelectedArea.vue
+++ b/src/postponed/Cropper/CropperSelectedArea.vue
@@ -1,8 +1,8 @@
<script setup lang="ts">
-import CornerRightBottomIcon from '@icons/Mono/CornerRightBottomIcon.vue';
-import CornerRightTopIcon from '@icons/Mono/CornerRightTopIcon.vue';
-import CornerLeftTopIcon from '@icons/Mono/CornerLeftTopIcon.vue';
-import CornerLeftBottomIcon from '@icons/Mono/CornerLeftBottomIcon.vue';
+import CornerRightBottomIcon from '../../icons/Mono/CornerRightBottomIcon.vue';
+import CornerRightTopIcon from '../../icons/Mono/CornerRightTopIcon.vue';
+import CornerLeftTopIcon from '../../icons/Mono/CornerLeftTopIcon.vue';
+import CornerLeftBottomIcon from '../../icons/Mono/CornerLeftBottomIcon.vue';
import { computed } from 'vue';
interface IProps {
--
GitLab