fix: remove '@' loading for imports. Now uses '../..' instead

.storybook/main.js

@@ -63,7 +63,7 @@ module.exports = {
       maxEntrypointSize: 4194000,
       maxAssetSize: 2097000,
     };
-    config.resolve.alias['@'] = path.resolve(__dirname, '../src');
+    // config.resolve.alias['@'] = path.resolve(__dirname, '../src');
 
     // Return the altered config
     return config;

src/components/CvBreadcrumb/__tests__/CvBreadcrumb.spec.js

@@ -4,7 +4,8 @@
 import { shallowMount } from '@vue/test-utils';
 import { carbonPrefix } from '../../../global/settings';
 
-import { CvBreadcrumb, CvBreadcrumbItem } from '@/components/CvBreadcrumb';
+import CvBreadcrumb from '../CvBreadcrumb.vue';
+import CvBreadcrumbItem from '../CvBreadcrumbItem.vue';
 
 describe('CvBreadcrumb', () => {
   it('CvBreadcrumb - default', () => {

src/components/CvBreadcrumb/__tests__/CvBreadcrumbSkeleton.spec.js

@@ -4,11 +4,8 @@
 import { shallowMount } from '@vue/test-utils';
 import { carbonPrefix } from '../../../global/settings';
 
-import {
-  CvBreadcrumbSkeleton,
-  CvBreadcrumbSkeletonItem,
-} from '@/components/CvBreadcrumb';
-
+import CvBreadcrumbSkeleton from '../CvBreadcrumbSkeleton.vue';
+import CvBreadcrumbSkeletonItem from '../CvBreadcrumbSkeletonItem.vue';
 describe('CvBreadcrumbSkeleton', () => {
   it('CvBreadcrumbSkeleton - default', () => {
     const wrapper = shallowMount(CvBreadcrumbSkeleton);

src/components/CvCheckbox/CvCheckbox.stories.js

@@ -2,11 +2,11 @@ import {
   sbCompPrefix,
   storybookControlsFromProps,
   storyParametersObject,
-} from '@/global/storybook-utils';
+} from '../../global/storybook-utils';
 
 import { CvCheckbox } from '.';
 import { action } from '@storybook/addon-actions';
-import { props as propsCvCheck } from '@/use/cvCheck';
+import { props as propsCvCheck } from '../../use/cvCheck';
 import { ref } from 'vue';
 
 export default {

src/components/CvComboBox/CvComboBox.stories.js

@@ -1,4 +1,7 @@
-import { sbCompPrefix, storyParametersObject } from '@/global/storybook-utils';
+import {
+  sbCompPrefix,
+  storyParametersObject,
+} from '../../global/storybook-utils';
 
 import { CvComboBox } from '.';
 import { action } from '@storybook/addon-actions';

src/components/CvComboBox/CvComboBox.vue

@@ -160,7 +160,7 @@ import {
   useSlots,
 } from 'vue';
 import { carbonPrefix } from '../../global/settings';
-import { props as propsCvId, useCvId } from '@/use/cvId';
+import { props as propsCvId, useCvId } from '../../use/cvId';
 import { WarningFilled16, Close16, ChevronDown16 } from '@carbon/icons-vue';
 
 const props = defineProps({

src/components/CvContentSwitcher/CvContentSwitcher.stories.mdx

@@ -4,7 +4,7 @@ import CvContentSwitcherButton from './CvContentSwitcherButton';
 import CvContentSwitcherContent from './CvContentSwitcherContent';
 import { IbmSecurity20 } from '@carbon/icons-vue';
 import { action } from '@storybook/addon-actions';
-import { sbCompPrefix, storyParametersObject } from '@/global/storybook-utils';
+import { sbCompPrefix, storyParametersObject } from '../../global/storybook-utils';
 
 <Meta title={`${sbCompPrefix}/CvContentSwitcher`} component={CvContentSwitcher} />
 

src/components/CvContentSwitcher/CvContentSwitcher.vue

@@ -16,7 +16,7 @@
 
 <script setup>
 import { carbonPrefix } from '../../global/settings';
-import { props as propsCvId, useCvId } from '@/use/cvId';
+import { props as propsCvId, useCvId } from '../../use/cvId';
 import { useIsLight, props as propsTheme } from '../../use/cvTheme';
 import { onUnmounted, watch } from 'vue';
 import store from './cvContentSwitcherStore';

src/components/CvContentSwitcher/CvContentSwitcherButton.vue

@@ -42,7 +42,7 @@
 import { carbonPrefix } from '../../global/settings';
 import CvSvg from '../CvSvg/_CvSvg';
 import { computed, onMounted, watch } from 'vue';
-import { props as propsCvId, useCvId } from '@/use/cvId';
+import { props as propsCvId, useCvId } from '../../use/cvId';
 import store from './cvContentSwitcherStore';
 
 const props = defineProps({

src/components/CvCopyButton/CvCopyButton.stories.js

@@ -1,7 +1,10 @@
 import CvCopyButton from '.';
 
 import { action } from '@storybook/addon-actions';
-import { sbCompPrefix, storyParametersObject } from '@/global/storybook-utils';
+import {
+  sbCompPrefix,
+  storyParametersObject,
+} from '../../global/storybook-utils';
 
 export default {
   title: `${sbCompPrefix}/CvCopyButton`,

src/components/CvLoading/CvLoading.stories.js

@@ -2,7 +2,10 @@ import CvLoading from '.';
 
 import { ref, computed } from 'vue';
 import { action } from '@storybook/addon-actions';
-import { sbCompPrefix, storyParametersObject } from '@/global/storybook-utils';
+import {
+  sbCompPrefix,
+  storyParametersObject,
+} from '../../global/storybook-utils';
 import './CvLoading.stories.scss';
 
 export default {

src/components/CvOverflowMenu/CvOverflowMenu.stories.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { CvOverflowMenu } from '.';
-import { sbCompPrefix } from '@/global/storybook-utils';
+import { sbCompPrefix } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
 import CvOverflowMenuItem from './CvOverflowMenuItem.vue';
 import { Meter20 as MeterIcon  } from '@carbon/icons-vue'

src/components/CvOverflowMenu/CvOverflowMenu.vue

@@ -77,7 +77,7 @@
 
 <script setup>
 import { carbonPrefix } from '../../global/settings';
-import { props as propsCvId, useCvId } from '@/use/cvId';
+import { props as propsCvId, useCvId } from '../../use/cvId';
 import OverflowMenuVertical16 from '@carbon/icons-vue/es/overflow-menu--vertical/16';
 import { computed, nextTick, onBeforeMount, onUnmounted, ref } from 'vue';
 import { getBus, removeBus } from '../../global/component-utils/event-bus';

src/components/CvOverflowMenu/CvOverflowMenuItem.vue

@@ -27,7 +27,7 @@
 <script setup>
 import { carbonPrefix } from '../../global/settings';
 import { onMounted, ref, useAttrs } from 'vue';
-import { getBus } from '@/global/component-utils/event-bus';
+import { getBus } from '../../global/component-utils/event-bus';
 
 defineProps({
   primaryFocus: Boolean,

src/components/CvPagination/CvPagination.stories.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { CvPagination } from '.';
-import { sbCompPrefix } from '@/global/storybook-utils';
+import { sbCompPrefix } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
 
 <Meta title={`${sbCompPrefix}/CvPagination`} component={CvPagination} />

src/components/CvSelect/CvSelect.stories.mdx

@@ -1,6 +1,6 @@
 import { Canvas, Meta, Story } from '@storybook/addon-docs';
 import { CvSelect } from '.';
-import { sbCompPrefix } from '@/global/storybook-utils';
+import { sbCompPrefix } from '../../global/storybook-utils';
 import { action } from '@storybook/addon-actions';
 import CvSelectOption from './CvSelectOption';
 import CvSelectOptgroup from './CvSelectOptgroup';

src/components/CvSelect/CvSelect.vue

@@ -93,7 +93,7 @@ import {
   ChevronDown16 as ChevronDown,
   WarningAltFilled16 as WarningAltFilled,
 } from '@carbon/icons-vue';
-import { props as propsCvId, useCvId } from '@/use/cvId';
+import { props as propsCvId, useCvId } from '../../use/cvId';
 import CvWrapper from '../CvWrapper/CvWrapper';
 import { useIsLight, props as propsTheme } from '../../use/cvTheme';