refactor: clean imports

4 files changed, 5 insertions, 14 deletions

diff --git a/src/App.vue b/src/App.vue
index 0db80bf..af6197d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,9 @@
 <script setup lang="ts">
-import { RouterView } from 'vue-router'
 import { layouts } from './layouts';
 import { computed } from 'vue';
-import { useRoute } from 'vue-router'
+import { useRoute, RouterView } from 'vue-router'
 import { darkThemeOverrides, lightThemeOverrides } from './themes'
-import {
-  darkTheme,
-  NConfigProvider,
-  NGlobalStyle,
-} from 'naive-ui'
+import { darkTheme, NGlobalStyle, NMessageProvider } from 'naive-ui'
 import { useStyleStore } from './stores/style.store';
 
 const route = useRoute();
diff --git a/src/components/InputCopyable.vue b/src/components/InputCopyable.vue
index 3e4aa94..ad4cc44 100644
--- a/src/components/InputCopyable.vue
+++ b/src/components/InputCopyable.vue
@@ -18,10 +18,8 @@
 </template>
 
 <script setup lang="ts">
-import { useVModel } from '@vueuse/core'
+import { useVModel, useClipboard } from '@vueuse/core'
 import { ContentCopyFilled } from '@vicons/material'
-
-import { useClipboard } from '@vueuse/core';
 import { ref } from 'vue';
 
 const props = defineProps<{ value: string, }>()
diff --git a/src/components/MenuLayout.vue b/src/components/MenuLayout.vue
index 3031615..f5db700 100644
--- a/src/components/MenuLayout.vue
+++ b/src/components/MenuLayout.vue
@@ -27,8 +27,7 @@
 
 <script setup lang="ts">
 import { useStyleStore } from '@/stores/style.store';
-import { toRefs } from 'vue';
-import { computed } from 'vue';
+import { toRefs, computed } from 'vue';
 
 const styleStore = useStyleStore()
 const { isMenuCollapsed, isSmallScreen } = toRefs(styleStore)
diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index 4ad9a0e..8e057a3 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { NIcon } from 'naive-ui';
+import { NIcon, useThemeVars } from 'naive-ui';
 import { h, ref, type Component } from 'vue';
 import { RouterLink, useRoute } from 'vue-router';
 import { Heart, Menu2, Home2 } from '@vicons/tabler'
@@ -7,7 +7,6 @@ import { toolsByCategory } from '@/tools';
 import SearchBar from '../components/SearchBar.vue';
 import { useStyleStore } from '@/stores/style.store';
 import HeroGradient from '../assets/hero-gradient.svg?component'
-import { useThemeVars } from 'naive-ui'
 import MenuLayout from '../components/MenuLayout.vue'
 import NavbarButtons from '../components/NavbarButtons.vue'