fix(#190): fix import types

gitsindonesia · Nov 13, 2023 · aa9d73a · aa9d73a
1 parent 6a2d759
commit aa9d73a
Show file tree

Hide file tree

Showing 102 changed files with 138 additions and 116 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -6,4 +6,5 @@
 *.config.*
 .storybook
 *.css
-/starter
+/starter
+**/dist/**/**
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -12,5 +12,10 @@ module.exports = {
   plugins: ['vue', '@typescript-eslint'],
   rules: {
     'vue/multi-word-component-names': 'off',
-  },
+    "@typescript-eslint/consistent-type-imports": "error",
+    "vue/no-reserved-component-names": "off",
+    "vue/no-mutating-props": "off",
+    "vue/valid-v-slot": "off",
+    "vue/no-dupe-keys": "off"
+  }
 };
diff --git a/packages/alert/src/VAlert.stories.ts b/packages/alert/src/VAlert.stories.ts
@@ -1,6 +1,6 @@
 import VAlert from './VAlert.vue';
 import {themeColors} from '@morpheme/utils/colors';
-import {Meta, Story, StoryFn} from '@storybook/vue3';
+import type {Meta, Story, StoryFn} from '@storybook/vue3';
 import Icon from '@morpheme/icon';
 import AlertVModelStory from './stories/AlertVModelStory.vue';
 import AlertTransitionStory from './stories/AlertTransitionStory.vue';

diff --git a/packages/alert/src/api.ts b/packages/alert/src/api.ts
@@ -1,4 +1,5 @@
-import {Ref, inject} from 'vue';
+import type {Ref} from 'vue';
+import { inject} from 'vue';
 
 export const AlertSymbol = Symbol('VAlert');
 

diff --git a/packages/app-bar/src/VAppBar.stories.ts b/packages/app-bar/src/VAppBar.stories.ts
@@ -1,5 +1,5 @@
 import VAppBar from './VAppBar.vue';
-import {Story, Meta} from '@storybook/vue3';
+import type {Story, Meta} from '@storybook/vue3';
 import {defaultColors, defaultShadows} from '@morpheme/theme/defaultTheme';
 import {ref} from 'vue';
 import Icon from '@morpheme/icon';

diff --git a/packages/app-shell/src/VAppShell.stories.ts b/packages/app-shell/src/VAppShell.stories.ts
@@ -1,5 +1,5 @@
 import {useBreakpoints, breakpointsTailwind} from '@vueuse/core';
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import VAppShell from './VAppShell.vue';
 import {NavDrawer as VNavDrawer} from '@morpheme/nav-drawer';
 import VAppBar from '@morpheme/app-bar';

diff --git a/packages/autocomplete/src/Autocomplete.stories.ts b/packages/autocomplete/src/Autocomplete.stories.ts
@@ -1,4 +1,4 @@
-import {Story, Meta} from '@storybook/vue3';
+import type {Story, Meta} from '@storybook/vue3';
 import Autocomplete from './Autocomplete.vue';
 import {ref} from 'vue';
 import {ListboxButton} from '@headlessui/vue';

diff --git a/packages/autocomplete/src/VAutocomplete.stories.ts b/packages/autocomplete/src/VAutocomplete.stories.ts
@@ -3,7 +3,7 @@ import {ref} from 'vue';
 import {object} from 'yup';
 import VAutocomplete from './VAutocomplete.vue';
 import VBtn from '@morpheme/button';
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 
 const items = [
   {value: 1, text: 'Wade Cooper'},

diff --git a/packages/badge/src/VBadge.stories.ts b/packages/badge/src/VBadge.stories.ts
@@ -1,7 +1,7 @@
 import { VBtn } from '@morpheme/button';
 import VBadge from './VBadge.vue';
 import type {VBadgeProps} from './types';
-import {Story, Meta} from '@storybook/vue3';
+import type {Story, Meta} from '@storybook/vue3';
 import {defaultRounded, defaultColors} from '@morpheme/theme/defaultTheme';
 import {List as VList, ListItem as VListItem} from '@morpheme/list'
 import VBadgeGroup from './VBadgeGroup.vue';

diff --git a/packages/badge/src/api.ts b/packages/badge/src/api.ts
@@ -1,5 +1,6 @@
-import { DefaultColors } from '@morpheme/theme/defaultTheme';
-import { Ref, inject } from 'vue';
+import type { DefaultColors } from '@morpheme/theme/defaultTheme';
+import type { Ref} from 'vue';
+import { inject } from 'vue';
 
 export interface VBadgeContextApi {
   color?: Ref<DefaultColors>;

diff --git a/packages/banner/src/VBanner.stories.ts b/packages/banner/src/VBanner.stories.ts
@@ -1,5 +1,5 @@
 import {VBtn} from '@morpheme/button';
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import VBanner from './VBanner.vue';
 import VBannerText from './VBannerText.vue';
 import VText from '@morpheme/text';

diff --git a/packages/blocks/src/Auth/Login.stories.ts b/packages/blocks/src/Auth/Login.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import LoginSnippet from './Login.vue';
 import ForgotPasswordSnippet from './ForgotPassword.vue';
 

diff --git a/packages/blocks/src/CTA/CTA.stories.ts b/packages/blocks/src/CTA/CTA.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import Cta from './Cta.vue';
 
 export default {

diff --git a/packages/blocks/src/Contact/Contact.stories.ts b/packages/blocks/src/Contact/Contact.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import ContactFormSnippet from './ContactForm.vue';
 
 export default {

diff --git a/packages/blocks/src/Feature/Feature.stories.ts b/packages/blocks/src/Feature/Feature.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import FeatureSnippet from './Feature.vue';
 
 export default {

diff --git a/packages/blocks/src/Footer/Footer.stories.ts b/packages/blocks/src/Footer/Footer.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import FooterLight from './Light.vue';
 import FooterDark from './Dark.vue';
 import FooterAutoDarkMode from './AutoDarkMode.vue';

diff --git a/packages/blocks/src/Forms/Forms.stories.ts b/packages/blocks/src/Forms/Forms.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import DefaultForm from './DefaultForm.vue';
 import InlineForm from './InlineForm.vue';
 import DisabledForm from './DisabledForm.vue';

diff --git a/packages/blocks/src/Hero/Hero.stories.ts b/packages/blocks/src/Hero/Hero.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import HeroSnippet from './Hero.vue';
 
 export default {

diff --git a/packages/blocks/src/Layouts/Layouts.stories.ts b/packages/blocks/src/Layouts/Layouts.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import SidebarLayoutSnippet from './SidebarLayout.vue';
 
 export default {

diff --git a/packages/blocks/src/Layouts/SidebarLayout.vue b/packages/blocks/src/Layouts/SidebarLayout.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import {List, ListItem, ListItemHeader} from '@morpheme/list';
-import {Dropdown, DropdownItemProps} from '@morpheme/dropdown';
+import type { DropdownItemProps} from '@morpheme/dropdown';
+import {Dropdown} from '@morpheme/dropdown';
 import Icon from '@morpheme/icon';
 import {ref, watch} from 'vue';
 import VBtn from '@morpheme/button';

diff --git a/packages/blocks/src/Navbar/Navbar.stories.ts b/packages/blocks/src/Navbar/Navbar.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import Navbar from './Navbar.vue';
 
 export default {

diff --git a/packages/bottom-sheets/src/types.ts b/packages/bottom-sheets/src/types.ts
@@ -1,4 +1,4 @@
-import {Ref} from 'vue';
+import type {Ref} from 'vue';
 
 export type BottomSheetAction = {
   text?: string;

diff --git a/packages/breadcrumbs/src/VBreadcrumbs.stories.ts b/packages/breadcrumbs/src/VBreadcrumbs.stories.ts
@@ -1,6 +1,6 @@
 import {Dropdown, DropdownBtn, DropdownItem} from '@morpheme/dropdown';
 import VBreadcrumbs from './VBreadcrumbs.vue';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import Icon from '@morpheme/icon';
 import type {VBreadcrumbItemProps} from './types';
 import {ref} from 'vue';

diff --git a/packages/button/src/VBtn.stories.ts b/packages/button/src/VBtn.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import VBtn from './VBtn.vue';
 import type {Props as VBtnProps} from './VBtn.vue';
 import VIcon from '@morpheme/icon';

diff --git a/packages/card/src/VCard.stories.ts b/packages/card/src/VCard.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import VCard from './VCard.vue';
 import VBtn from '@morpheme/button';
 import {defaultColors} from '@morpheme/theme/defaultTheme';

diff --git a/packages/collapsible/src/VCollapse.stories.ts b/packages/collapsible/src/VCollapse.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import {ref} from 'vue';
 import VCollapse from './VCollapse.vue';
 import VBtn from '@morpheme/button';

diff --git a/packages/collapsible/src/VCollapsible.stories.ts b/packages/collapsible/src/VCollapsible.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import {ref} from 'vue';
 import VCollapsible from './VCollapsible.vue';
 import VCollapsibleGroup from './VCollapsibleGroup.vue';

diff --git a/packages/container/src/VContainer.stories.ts b/packages/container/src/VContainer.stories.ts
@@ -1,6 +1,6 @@
 import { VBtn, VAppShell, VAppBar, VLogo, VList, VListItem } from '@morpheme/ui';
 import {NavDrawer as VNavDrawer} from '@morpheme/nav-drawer'
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import VContainer from './VContainer.vue';
 import { ref } from 'vue';
 

diff --git a/packages/editor/src/VEditor.stories.ts b/packages/editor/src/VEditor.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import VEditor from './VEditor.vue';
 import VBtn from '@morpheme/button';
 import {object, string} from 'yup';

diff --git a/packages/forms/src/FormField.stories.ts b/packages/forms/src/FormField.stories.ts
@@ -1,6 +1,6 @@
 import { ref } from 'vue';
 import FormField from './FormField.vue';
-import { Meta, StoryFn } from '@storybook/vue3';
+import type { Meta, StoryFn } from '@storybook/vue3';
 
 export default {
   title: 'Experimental/Forms/Field',

diff --git a/packages/forms/src/checkbox/Checkbox.stories.ts b/packages/forms/src/checkbox/Checkbox.stories.ts
@@ -2,7 +2,7 @@ import VCheckbox from './Checkbox.vue';
 import { ref, computed } from 'vue';
 import {themeColors} from '@morpheme/utils/colors';
 import {sizes} from '@morpheme/utils/sizes';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {useForm} from 'vee-validate';
 import {object, boolean} from 'yup';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/checkbox/VCheckbox.stories.ts b/packages/forms/src/checkbox/VCheckbox.stories.ts
@@ -2,7 +2,7 @@ import VCheckbox from './VCheckbox.vue';
 import {ref} from 'vue';
 import {themeColors} from '@morpheme/utils/colors';
 import {sizes} from '@morpheme/utils/sizes';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {useForm} from 'vee-validate';
 import {object, boolean, array} from 'yup';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/checkbox/VCheckbox.vue b/packages/forms/src/checkbox/VCheckbox.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import {computed, type PropType} from 'vue';
-import {useFormValue, ValidationMode} from '../composables';
+import type { ValidationMode} from '../composables';
+import {useFormValue} from '../composables';
 
 type CheckboxValue = any[] | boolean | undefined;
 

diff --git a/packages/forms/src/file-input/FileInput.stories.ts b/packages/forms/src/file-input/FileInput.stories.ts
@@ -1,4 +1,4 @@
-import {Story, Meta} from '@storybook/vue3';
+import type {Story, Meta} from '@storybook/vue3';
 import VBtn from '@morpheme/button'
 import { Field, useForm } from 'vee-validate';
 import { ref } from 'vue';

diff --git a/packages/forms/src/file-input/VFileUpload.stories.ts b/packages/forms/src/file-input/VFileUpload.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import {useForm} from 'vee-validate';
 import {mixed, object} from 'yup';
 import VInput from '../input/VInput.vue';

diff --git a/packages/forms/src/file-input/VFileUpload.vue b/packages/forms/src/file-input/VFileUpload.vue
@@ -12,7 +12,7 @@ import VFileUploadDefaultTheme from './VFileUploadDefaultTheme.vue';
 import VFileUploadButtonTheme from './VFileUploadButtonTheme.vue';
 import VFileUploadImageTheme from './VFileUploadImageTheme.vue';
 import VFileUploadDropzoneTheme from './VFileUploadDropzoneTheme.vue';
-import {FileValue} from './types';
+import type {FileValue} from './types';
 
 const props = defineProps({
   /**

diff --git a/packages/forms/src/form-group/VFormGroup.stories.ts b/packages/forms/src/form-group/VFormGroup.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import VFormGroup from './VFormGroup.vue';
 
 export default {

diff --git a/packages/forms/src/form-select/Select.stories.ts b/packages/forms/src/form-select/Select.stories.ts
@@ -1,4 +1,4 @@
-import {Story, Meta} from '@storybook/vue3';
+import type {Story, Meta} from '@storybook/vue3';
 import {sizes} from '@morpheme/utils/sizes';
 import {useForm} from 'vee-validate';
 import {object, string} from 'yup';

diff --git a/packages/forms/src/form-select/VFormSelect.stories.ts b/packages/forms/src/form-select/VFormSelect.stories.ts
@@ -1,4 +1,4 @@
-import {Story, Meta} from '@storybook/vue3';
+import type {Story, Meta} from '@storybook/vue3';
 import {sizes} from '@morpheme/utils/sizes';
 import type {VFormSelectItem as VFormSelectProps} from './types';
 import VFormSelect from './VFormSelect.vue';

diff --git a/packages/forms/src/input/Input.stories.ts b/packages/forms/src/input/Input.stories.ts
@@ -1,5 +1,5 @@
 import VInput from './Input.vue';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import Icon from '@morpheme/icon';
 import {themeColors} from '@morpheme/utils';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/input/VInput.stories.ts b/packages/forms/src/input/VInput.stories.ts
@@ -1,5 +1,5 @@
 import VInput from './VInput.vue';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import Icon from '@morpheme/icon';
 import {themeColors} from '@morpheme/utils';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/input/VInputRange.stories.ts b/packages/forms/src/input/VInputRange.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {useForm} from 'vee-validate';
 import {ref} from 'vue';
 import {object} from 'yup';

diff --git a/packages/forms/src/radio/Radio.stories.ts b/packages/forms/src/radio/Radio.stories.ts
@@ -1,5 +1,5 @@
 import VRadio from './Radio.vue';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {useForm, Field} from 'vee-validate';
 import {object, string} from 'yup';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/radio/VRadio.stories.ts b/packages/forms/src/radio/VRadio.stories.ts
@@ -1,5 +1,5 @@
 import VRadio from './VRadio.vue';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {useForm} from 'vee-validate';
 import {object, string} from 'yup';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/radio/VRadioGroup.stories.ts b/packages/forms/src/radio/VRadioGroup.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {useForm} from 'vee-validate';
 import {object, number, string} from 'yup';
 import VRadioGroup from './VRadioGroup.vue';

diff --git a/packages/forms/src/stories/Forms.stories.ts b/packages/forms/src/stories/Forms.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import Forms from './Forms.story.vue';
 import FormsWithValidation from './FormsWithValidation.story.vue';
 

diff --git a/packages/forms/src/textarea/Textarea.stories.ts b/packages/forms/src/textarea/Textarea.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {sizes} from '@morpheme/utils';
 import VTextarea from './Textarea.vue';
 import VBtn from '@morpheme/button';

diff --git a/packages/forms/src/textarea/TextareaInput.stories.ts b/packages/forms/src/textarea/TextareaInput.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {sizes} from '@morpheme/utils';
 import VTextarea from './TextareaInput.vue';
 import VBtn from '@morpheme/button';

diff --git a/packages/icon/src/Icon.stories.ts b/packages/icon/src/Icon.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import Icon from './Icon.vue';
 
 export default {

diff --git a/packages/iconsax/src/Iconsax.stories.ts b/packages/iconsax/src/Iconsax.stories.ts
@@ -1,4 +1,4 @@
-import {Story} from '@storybook/vue3';
+import type {Story} from '@storybook/vue3';
 import Iconsax from './Iconsax.vue';
 
 export default {

diff --git a/packages/layouts/src/Grid.stories.ts b/packages/layouts/src/Grid.stories.ts
@@ -1,7 +1,7 @@
 import {VSelect} from '@morpheme/select';
 import {alignItems, flexWrap, justifyContent} from './grid';
 import {VCard} from '@morpheme/card';
-import {StoryFn} from '@storybook/vue3';
+import type {StoryFn} from '@storybook/vue3';
 import VRow from './VRow.vue';
 import VCol from './VCol.vue';
 import {reactive, ref} from 'vue';

diff --git a/packages/list/src/List.stories.ts b/packages/list/src/List.stories.ts
@@ -1,6 +1,6 @@
 import {VSelect} from '@morpheme/select';
 import VAvatar from '@morpheme/avatar';
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import {Icon} from '@iconify/vue';
 import List from './List.vue';
 import ListItem from './ListItem.vue';

diff --git a/packages/list/src/List.vue b/packages/list/src/List.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { computed, provide, toRefs } from "vue";
-import { VListContextApi, VListInjectionKey } from "./api";
+import type { VListContextApi} from "./api";
+import { VListInjectionKey } from "./api";
 
 type Props = {
   hidePrepend?: boolean;

diff --git a/packages/list/src/api.ts b/packages/list/src/api.ts
@@ -1,4 +1,5 @@
-import { Ref, inject } from 'vue';
+import type { Ref} from 'vue';
+import { inject } from 'vue';
 
 export interface VListContextApi {
   hidePrepend?: Ref<boolean>;

diff --git a/packages/logo/src/VLogo.stories.ts b/packages/logo/src/VLogo.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import VLogo from './VLogo.vue';
 import {sizes} from './types';
 

diff --git a/packages/menu/src/VMenu.stories.ts b/packages/menu/src/VMenu.stories.ts
@@ -1,4 +1,4 @@
-import {Meta, Story} from '@storybook/vue3';
+import type {Meta, Story} from '@storybook/vue3';
 import VMenu from './VMenu.vue';
 
 export default {