refactor: move shared logics

app/components/ConfigItem.vue

@@ -3,7 +3,8 @@ import { computed, defineModel, ref, watchEffect } from 'vue'
 import { filtersRules, isGridView } from '~/composables/state'
 import { stringifyUnquoted } from '~/composables/strings'
 import { useRouter } from '#app/composables/router'
-import type { FiltersConfigsPage, FlatESLintConfigItem } from '~~/types'
+import type { FiltersConfigsPage, FlatESLintConfigItem } from '~~/shared/types'
+import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
 
 const props = defineProps<{
   config: FlatESLintConfigItem

app/components/FileGroupItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { defineModel, ref, watchEffect } from 'vue'
 import { useRouter } from '#app/composables/router'
-import type { FilesGroup } from '~~/types'
+import type { FilesGroup } from '~~/shared/types'
 
 defineProps<{
   index: number

app/components/FileItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { filepathIconsMap } from '../composables/icons'
-import { filtersConfigs } from '../composables/state'
+import { filepathIconsMap } from '~/composables/icons'
+import { filtersConfigs } from '~/composables/state'
 import { useRouter } from '#app/composables/router'
 
 const props = defineProps<{

app/components/NavBar.vue

@@ -5,6 +5,7 @@ import { version } from '../../package.json'
 import { filtersRules as filters, stateStorage } from '~/composables/state'
 import { useRouter } from '#app/composables/router'
 import { payload } from '~/composables/payload'
+import { toggleDark } from '~/composables/dark'
 
 const lastUpdate = useTimeAgo(() => payload.value.meta.lastUpdate)
 

app/components/RuleItem.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useClipboard } from '@vueuse/core'
 import { vTooltip } from 'floating-vue'
-import { getRuleLevel } from '~/composables/rules'
-import type { RuleConfigStates, RuleInfo, RuleLevel } from '~~/types'
+import { getRuleLevel } from '~~/shared/rules'
+import type { RuleConfigStates, RuleInfo, RuleLevel } from '~~/shared/types'
 
 const props = defineProps<{
   rule: RuleInfo

app/components/RuleLevelIcon.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import type { RuleLevel } from '~~/types'
+import type { RuleLevel } from '~~/shared/types'
 import { nth } from '~/composables/strings'
 
 const props = defineProps<{

app/components/RuleList.vue

@@ -3,7 +3,7 @@ import { Fragment, computed, defineComponent, h } from 'vue'
 import type { Linter } from 'eslint'
 import { isGridView } from '../composables/state'
 import { getRuleFromName, payload } from '~/composables/payload'
-import type { RuleInfo } from '~~/types'
+import type { RuleInfo } from '~~/shared/types'
 
 const props = defineProps<{
   rules: RuleInfo[] | Record<string, Linter.RuleEntry>

app/components/RuleStateItem.vue

@@ -4,7 +4,7 @@ import { nth, stringifyUnquoted } from '~/composables/strings'
 import { filtersConfigs } from '~/composables/state'
 import { payload } from '~/composables/payload'
 import { useRouter } from '#app/composables/router'
-import type { RuleConfigState } from '~~/types'
+import type { RuleConfigState } from '~~/shared/types'
 
 const props = defineProps<{
   state: RuleConfigState

app/composables/payload.ts

@@ -1,6 +1,8 @@
 /* eslint-disable no-console */
 import { $fetch } from 'ofetch'
-import type { ErrorInfo, FileConfigMatchResult, FilesGroup, Payload, ResolvedPayload, RuleConfigStates, RuleInfo } from '~~/types'
+import { getMatchedConfigs, isIgnoreOnlyConfig } from '~~/shared/configs'
+import { getRuleLevel, getRuleOptions } from '~~/shared/rules'
+import type { ErrorInfo, FileConfigMatchResult, FilesGroup, Payload, ResolvedPayload, RuleConfigStates, RuleInfo } from '~~/shared/types'
 
 const LOG_NAME = '[ESLint Config Inspector]'
 

app/composables/state.ts

@@ -1,6 +1,6 @@
 import { breakpointsTailwind } from '@vueuse/core'
 import { computed, reactive, ref } from 'vue'
-import type { FiltersConfigsPage } from '~~/types'
+import type { FiltersConfigsPage } from '~~/shared/types'
 
 export const filtersConfigs = reactive<FiltersConfigsPage>({
   rule: '',

app/pages/configs.vue

@@ -7,8 +7,8 @@ import Fuse from 'fuse.js'
 import type { PropType, VNode } from 'vue'
 import { useRoute } from '#app/composables/router'
 import { configsOpenState, filtersConfigs as filters, stateStorage } from '~/composables/state'
-import { getMatchedConfigs } from '~/composables/configs'
-import { getRuleLevel } from '~/composables/rules'
+import { getMatchedConfigs } from '~~/shared/configs'
+import { getRuleLevel } from '~~/shared/rules'
 import { payload } from '~/composables/payload'
 
 const input = ref(filters.filepath)

app/composables/configs.ts → shared/configs.ts

@@ -1,6 +1,6 @@
 import type { Linter } from 'eslint'
 import { minimatch } from 'minimatch'
-import type { FileConfigMatchResult, FlatESLintConfigItem } from '~~/types'
+import type { FileConfigMatchResult, FlatESLintConfigItem } from '~~/shared/types'
 
 function getMatchedGlobs(file: string, glob: (Linter.FlatConfigFileSpec | Linter.FlatConfigFileSpec[])[]) {
   const globs = (Array.isArray(glob) ? glob : [glob]).flat()

src/configs.ts

@@ -4,7 +4,7 @@ import { bundleRequire } from 'bundle-require'
 import type { Linter } from 'eslint'
 import fg from 'fast-glob'
 import { findUp } from 'find-up'
-import type { FlatESLintConfigItem, Payload, RuleInfo } from '../types'
+import type { FlatESLintConfigItem, Payload, RuleInfo } from '../shared/types'
 
 const configFilenames = [
   'eslint.config.js',

src/ws.ts

@@ -4,7 +4,7 @@ import type { WebSocket } from 'ws'
 import { WebSocketServer } from 'ws'
 import { getPort } from 'get-port-please'
 import { type ReadConfigOptions, readConfig } from './configs'
-import type { Payload } from '~~/types'
+import type { Payload } from '~~/shared/types'
 
 const readErrorWarning = `Failed to load \`eslint.config.js\`.
 Note that \`@eslint/config-inspector\` only works with the flat config format: