diff --git a/app/components/ColorizedConfigName.ts b/app/components/ColorizedConfigName.ts
index 24ffb72..971bc83 100644
--- a/app/components/ColorizedConfigName.ts
+++ b/app/components/ColorizedConfigName.ts
@@ -1,3 +1,6 @@
+import { computed, defineComponent, h } from 'vue'
+import { getPluginColor } from '../composables/color'
+
 export default defineComponent({
   props: {
     name: {
diff --git a/app/components/ConfigItem.vue b/app/components/ConfigItem.vue
index 52d289d..e367183 100644
--- a/app/components/ConfigItem.vue
+++ b/app/components/ConfigItem.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { FiltersConfigsPage, FlatConfigItem } from '~~/shared/types'
 import { useRouter } from '#app/composables/router'
-import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
 import { computed, defineModel, ref, watchEffect } from 'vue'
+import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
 import { filtersRules, isGridView } from '~/composables/state'
 import { stringifyUnquoted } from '~/composables/strings'
 
diff --git a/app/components/RuleItem.vue b/app/components/RuleItem.vue
index 31fd115..b7c3673 100644
--- a/app/components/RuleItem.vue
+++ b/app/components/RuleItem.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { RuleConfigStates, RuleInfo, RuleLevel } from '~~/shared/types'
 import { useClipboard } from '@vueuse/core'
-import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
 import { vTooltip } from 'floating-vue'
+import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
 import { deepCompareOptions } from '~/composables/options'
 import { getRuleDefaultOptions } from '~/composables/payload'
 
diff --git a/app/components/RuleList.vue b/app/components/RuleList.vue
index b9ea48a..f639905 100644
--- a/app/components/RuleList.vue
+++ b/app/components/RuleList.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import type { RuleInfo } from '~~/shared/types'
 import type { Linter } from 'eslint'
+import type { RuleInfo } from '~~/shared/types'
 import { computed, defineComponent, Fragment, h } from 'vue'
 import { getRuleFromName, payload } from '~/composables/payload'
 import { isGridView } from '../composables/state'
diff --git a/app/components/Shiki.ts b/app/components/Shiki.ts
index 5a02c4f..ce6fe38 100644
--- a/app/components/Shiki.ts
+++ b/app/components/Shiki.ts
@@ -1,4 +1,7 @@
 import { transformerNotationMap } from '@shikijs/transformers'
+import { computed, defineComponent, h } from 'vue'
+import { isDark } from '../composables/dark'
+import { sanitizeHtml, shiki } from '../composables/shiki'
 
 // @unocss-include
 export default defineComponent({
diff --git a/app/composables/dark.ts b/app/composables/dark.ts
index 24c5065..ac58f52 100644
--- a/app/composables/dark.ts
+++ b/app/composables/dark.ts
@@ -1,3 +1,5 @@
+import { useDark } from '@vueuse/core'
+
 export const isDark = useDark()
 
 export function toggleDark() {
diff --git a/app/composables/payload.ts b/app/composables/payload.ts
index f549741..f94befb 100644
--- a/app/composables/payload.ts
+++ b/app/composables/payload.ts
@@ -1,8 +1,10 @@
 /* eslint-disable no-console */
 import type { ErrorInfo, FilesGroup, FlatConfigItem, Payload, ResolvedPayload, RuleConfigStates, RuleInfo } from '~~/shared/types'
+import { $fetch } from 'ofetch'
+import { computed, ref } from 'vue'
 import { isGeneralConfig, isIgnoreOnlyConfig } from '~~/shared/configs'
 import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
-import { $fetch } from 'ofetch'
+import { configsOpenState, fileGroupsOpenState } from './state'
 
 const LOG_NAME = '[ESLint Config Inspector]'
 
diff --git a/app/composables/shiki.ts b/app/composables/shiki.ts
index 80e194f..b6cd31a 100644
--- a/app/composables/shiki.ts
+++ b/app/composables/shiki.ts
@@ -1,5 +1,7 @@
 import type { HighlighterCore } from 'shiki/core'
 import { createHighlighterCore } from 'shiki/core'
+import { computed, shallowRef } from 'vue'
+import { isDark } from './dark'
 
 export const shiki = shallowRef<HighlighterCore>()
 
diff --git a/app/composables/state.ts b/app/composables/state.ts
index 387bcda..2de22cf 100644
--- a/app/composables/state.ts
+++ b/app/composables/state.ts
@@ -1,5 +1,5 @@
 import type { FiltersConfigsPage } from '~~/shared/types'
-import { breakpointsTailwind } from '@vueuse/core'
+import { breakpointsTailwind, useBreakpoints, useLocalStorage } from '@vueuse/core'
 import { computed, reactive, ref } from 'vue'
 
 export const filtersConfigs = reactive<FiltersConfigsPage>({
diff --git a/app/pages/configs.vue b/app/pages/configs.vue
index 979c21f..0be98ae 100644
--- a/app/pages/configs.vue
+++ b/app/pages/configs.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import type { FlatConfigItem, MatchedFile } from '~~/shared/types'
 import type { Linter } from 'eslint'
 import type { FuseResultMatch } from 'fuse.js'
 import type { PropType, VNode } from 'vue'
+import type { FlatConfigItem, MatchedFile } from '~~/shared/types'
 import { useRoute } from '#app/composables/router'
 import { debouncedWatch } from '@vueuse/core'
-import { isIgnoreOnlyConfig, matchFile } from '~~/shared/configs'
-import { getRuleLevel } from '~~/shared/rules'
 import Fuse from 'fuse.js'
 import { computed, defineComponent, h, nextTick, onMounted, ref, shallowRef, watch, watchEffect } from 'vue'
+import { isIgnoreOnlyConfig, matchFile } from '~~/shared/configs'
+import { getRuleLevel } from '~~/shared/rules'
 import { payload } from '~/composables/payload'
 import { configsOpenState, filtersConfigs as filters, stateStorage } from '~/composables/state'
 
diff --git a/app/plugins/floating-vue.ts b/app/plugins/floating-vue.ts
index c38b657..f7e80c4 100644
--- a/app/plugins/floating-vue.ts
+++ b/app/plugins/floating-vue.ts
@@ -1,3 +1,4 @@
+import { defineNuxtPlugin } from '#app/nuxt'
 import FloatingVue from 'floating-vue'
 
 export default defineNuxtPlugin((nuxtApp) => {
diff --git a/src/ws.ts b/src/ws.ts
index 483f070..cbbfd3d 100644
--- a/src/ws.ts
+++ b/src/ws.ts
@@ -1,6 +1,5 @@
-import type { Payload } from '~~/shared/types'
-
 import type { WebSocket } from 'ws'
+import type { Payload } from '~~/shared/types'
 import type { ReadConfigOptions } from './configs'
 import process from 'node:process'
 import chokidar from 'chokidar'