Update type modifier

src/App.vue

@@ -71,8 +71,9 @@ import ActionBar from '@/components/ActionBar.vue'
 import CodeModal from '@/components/CodeModal.vue'
 import Configurator from '@/components/Configurator.vue'
 import DownloadModal from '@/components/DownloadModal.vue'
-import type { VueColorAvatarRef } from '@/components/VueColorAvatar.vue'
+import VueColorAvatar, {
-import VueColorAvatar from '@/components/VueColorAvatar.vue'
+  type VueColorAvatarRef,
+} from '@/components/VueColorAvatar.vue'
 import { ActionType } from '@/enums'
 import { useAvatarOption } from '@/hooks'
 import Container from '@/layouts/Container.vue'

src/components/Configurator.vue

@@ -70,8 +70,7 @@ import { useI18n } from 'vue-i18n'
 
 import PerfectScrollbar from '@/components/PerfectScrollbar.vue'
 import SectionWrapper from '@/components/SectionWrapper.vue'
-import type { WidgetShape, WrapperShape } from '@/enums'
+import { type WidgetShape, type WrapperShape, WidgetType } from '@/enums'
-import { WidgetType } from '@/enums'
 import { useAvatarOption } from '@/hooks'
 import { SETTINGS } from '@/utils/constant'
 import { previewData } from '@/utils/dynamic-data'

src/components/VueColorAvatar.vue

@@ -24,7 +24,7 @@ export interface VueColorAvatarRef {
 import { ref, toRefs, watchEffect } from 'vue'
 
 import { WrapperShape } from '@/enums'
-import type { AvatarOption } from '@/types'
+import { type AvatarOption } from '@/types'
 import { getRandomAvatarOption } from '@/utils'
 import { AVATAR_LAYER, NONE } from '@/utils/constant'
 import { widgetData } from '@/utils/dynamic-data'

src/components/widgets/Background.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { AvatarOption } from '../../types'
+import { type AvatarOption } from '../../types'
 
 interface BackgroundProps {
   color: AvatarOption['background']['color']

src/env.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="vite/client" />
 
 declare module '*.vue' {
-  import type { DefineComponent } from 'vue'
+  import { type DefineComponent } from 'vue'
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
   const component: DefineComponent<{}, {}, any>
   export default component

src/hooks/useAvatarOption.ts

@@ -2,7 +2,7 @@ import { computed } from 'vue'
 
 import { useStore } from '@/store'
 import { SET_AVATAR_OPTION } from '@/store/mutation-type'
-import type { AvatarOption } from '@/types'
+import { type AvatarOption } from '@/types'
 
 export default function useAvatarOption() {
   const store = useStore()

src/store/index.ts

@@ -1,9 +1,8 @@
-import type { InjectionKey } from 'vue'
+import { type InjectionKey } from 'vue'
-import type { Store } from 'vuex'
+import { type Store, createStore, useStore as baseUseStore } from 'vuex'
-import { createStore, useStore as baseUseStore } from 'vuex'
 
 import { WrapperShape } from '@/enums'
-import type { AvatarOption } from '@/types'
+import { type AvatarOption } from '@/types'
 import { getRandomAvatarOption } from '@/utils'
 import { SCREEN } from '@/utils/constant'
 

src/types/index.ts

@@ -1,21 +1,21 @@
-import type { NONE } from '@/utils/constant'
+import { type NONE } from '@/utils/constant'
 
 export type None = typeof NONE
 
-import type {
+import {
-  BeardShape,
+  type BeardShape,
-  ClothesShape,
+  type ClothesShape,
-  EarringsShape,
+  type EarringsShape,
-  EarShape,
+  type EarShape,
-  EyebrowsShape,
+  type EyebrowsShape,
-  EyesShape,
+  type EyesShape,
-  FaceShape,
+  type FaceShape,
-  Gender,
+  type Gender,
-  GlassesShape,
+  type GlassesShape,
-  MouthShape,
+  type MouthShape,
-  NoseShape,
+  type NoseShape,
-  TopsShape,
+  type TopsShape,
-  WrapperShape,
+  type WrapperShape,
 } from '../enums'
 
 interface Widget<Shape> {

src/utils/constant.ts

@@ -1,4 +1,4 @@
-import type { AvatarOption, AvatarSettings } from '@/types'
+import { type AvatarOption, type AvatarSettings } from '@/types'
 
 import {
   BeardShape,

src/utils/index.ts

@@ -1,6 +1,11 @@
-import type { EarringsShape, GlassesShape } from '@/enums'
+import {
-import { BeardShape, Gender, TopsShape } from '@/enums'
+  type EarringsShape,
-import type { AvatarOption, None } from '@/types'
+  type GlassesShape,
+  BeardShape,
+  Gender,
+  TopsShape,
+} from '@/enums'
+import { type AvatarOption, type None } from '@/types'
 
 import { NONE, SETTINGS, SPECIAL_AVATARS } from './constant'