refactor: consistent imports path

components/ConfigItem.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed, defineModel } from 'vue'
-import { stringifyUnquoted } from '../composables/strings'
-import { filtersRules, stateStorage } from '../composables/state'
+import { stringifyUnquoted } from '~/composables/strings'
+import { filtersRules, stateStorage } from '~/composables/state'
 import { useRouter } from '#app/composables/router'
 import type { FiltersConfigsPage, FlatESLintConfigItem } from '~/composables/types'
 

components/NavBar.vue

@@ -1,11 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useTimeAgo } from '@vueuse/core'
-import { stateStorage } from '../composables/state'
-import { version } from '../package.json'
+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 { filtersRules as filters } from '~/composables/state'
 
 const lastUpdate = useTimeAgo(() => payload.value.meta.lastUpdate)
 

components/RuleItem.vue

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

components/RuleLevelIcon.vue

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

components/RuleList.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { Fragment, computed, defineComponent, h } from 'vue'
 import type { Linter } from 'eslint'
-import { getRuleFromName, payload } from '../composables/payload'
-import { stateStorage } from '../composables/state'
-import type { RuleInfo } from '../composables/types'
+import { getRuleFromName, payload } from '~/composables/payload'
+import { stateStorage } from '~/composables/state'
+import type { RuleInfo } from '~/composables/types'
 
 const props = defineProps<{
   rules: RuleInfo[] | Record<string, Linter.RuleEntry>

components/RuleStateItem.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { stringifyUnquoted } from '../composables/strings'
-import { filtersConfigs } from '../composables/state'
-import { payload } from '../composables/payload'
+import { nth, stringifyUnquoted } from '~/composables/strings'
+import { filtersConfigs } from '~/composables/state'
+import { payload } from '~/composables/payload'
 import { useRouter } from '#app/composables/router'
-import { nth } from '~/composables/strings'
 import type { RuleConfigState } from '~/composables/types'
 
 const props = defineProps<{

package.json

@@ -67,6 +67,7 @@
     "nuxt-eslint-auto-explicit-import": "^0.0.2",
     "nuxt-shiki": "^0.2.1",
     "typescript": "^5.4.3",
+    "unbuild": "^2.0.0",
     "vue-tsc": "^2.0.7"
   },
   "pnpm": {

pages/configs.vue

@@ -5,9 +5,8 @@ import { minimatch } from 'minimatch'
 import type { Linter } from 'eslint'
 import Fuse, { type FuseResultMatch } from 'fuse.js'
 import type { PropType, VNode } from 'vue'
-import { getRuleLevel } from '../composables/rules'
-import { stateStorage } from '../composables/state'
-import { filtersConfigs as filters } from '~/composables/state'
+import { getRuleLevel } from '~/composables/rules'
+import { filtersConfigs as filters, stateStorage } from '~/composables/state'
 import { payload } from '~/composables/payload'
 
 const opens = ref(payload.value.configs.map(() => true))