#268 - export types (#269)

* refactor: refactored types and exported public types

* refactor: added consistent type imports

* chore(deps): updated dependencies

* chore: incremented version

* fix: ensure consitent type path

* refactor: rename folder symbol

* refactor: renamed folder symbols

* refactor: removed redundant paths to components in tests

Author: nandi95

.eslintrc.js

@@ -87,8 +87,8 @@ module.exports = {
         '@typescript-eslint/func-call-spacing': ['error', 'never'],
         '@typescript-eslint/comma-spacing': 'warn',
         '@typescript-eslint/keyword-spacing': 'warn',
-        // '@typescript-eslint/consistent-indexed-object-style': ['error', 'record'], // waiting on dependency updates
-        // '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
+        '@typescript-eslint/consistent-indexed-object-style': ['error', 'record'],
+        '@typescript-eslint/consistent-type-imports': ['error', { prefer: 'type-imports' }],
         '@typescript-eslint/member-delimiter-style': 'warn',
         '@typescript-eslint/type-annotation-spacing': 'warn',
         '@typescript-eslint/naming-convention': [

jest.config.ts

@@ -1,6 +1,6 @@
 import { pathsToModuleNameMapper } from 'ts-jest/utils';
 import { compilerOptions } from './tsconfig.json';
-import { InitialOptionsTsJest } from 'ts-jest/dist/types';
+import type { InitialOptionsTsJest } from 'ts-jest/dist/types';
 
 export default {
     clearMocks: true,

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@karnama/vueish",
-    "version": "0.6.0",
+    "version": "0.6.1",
     "files": [
         "dist",
         "types"

package.json

@@ -65,10 +65,10 @@
 
 <script lang="ts">
 import { computed, defineComponent, getCurrentInstance, ref, watch } from 'vue';
-import UIToggle from '@components/toggle/UIToggle.vue';
-import LocalCache from '@helpers/cache/LocalCache';
-import { Router, RouteRecord } from 'vue-router';
-import UIButton from '@components/button/UIButton.vue';
+import UIToggle from 'components/toggle/UIToggle.vue';
+import LocalCache from '@/helpers/cache/LocalCache';
+import type { Router, RouteRecord } from 'vue-router';
+import UIButton from 'components/button/UIButton.vue';
 import { getIcon } from '@/helpers';
 import { getVersion } from '@/main';
 

src/DemoBoard.vue

@@ -56,7 +56,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import type { Avatar } from '@/types';
+import type { Avatar } from 'types';
 
 export default defineComponent({
     name: 'Avatar',

src/components/avatar/Demo.vue

@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils';
-import UIAvatar from '@components/avatar/UIAvatar.vue';
+import UIAvatar from './UIAvatar.vue';
 
 describe('UIAvatar', () => {
     it('should correctly display', () => {

src/components/avatar/UIAvatar.test.ts

@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils';
-import UIAvatarGroup from '@components/avatar/UIAvatarGroup.vue';
-import { Avatar } from '@/types';
-import UIAvatar from '@components/avatar/UIAvatar.vue';
+import UIAvatarGroup from './UIAvatarGroup.vue';
+import type { Avatar } from 'types';
+import UIAvatar from './UIAvatar.vue';
 
 const avatars: Avatar[] = [
     {},

src/components/avatar/UIAvatarGroup.test.ts

@@ -30,8 +30,8 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue';
 import type { PropType, VNode } from 'vue';
-import UIAvatar from '@components/avatar/UIAvatar.vue';
-import type { Avatar } from '@/types';
+import UIAvatar from 'components/avatar/UIAvatar.vue';
+import type { Avatar } from 'types';
 import { omit } from 'lodash-es';
 
 export default defineComponent({

src/components/avatar/UIAvatarGroup.vue

@@ -16,7 +16,7 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import { horizontal, vertical } from '@/types';
+import { horizontal, vertical } from 'types';
 
 export default defineComponent({
     name: 'Badge',