refactor: update import paths to use alias '@' for better readability

enzonotario · enzonotario · commit c6e90ccb69cd · 2025-12-14T22:40:47.000-03:00
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -281,6 +281,7 @@ export default defineConfigWithTheme({
   vite: {
     resolve: {
       alias: {
+        '@': fileURLToPath(new URL('../../src', import.meta.url)),
         ...(process.env.NODE_ENV === 'production'
           ? {
               '@docs': fileURLToPath(new URL('../', import.meta.url)),
diff --git a/src/components/Common/OACodeValue.vue b/src/components/Common/OACodeValue.vue
@@ -2,7 +2,7 @@
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed } from 'vue'
 import { usePlayground } from '../../composables/usePlayground'
-import { formatValueForDisplay } from '../../lib/format/formatValueForDisplay'
+import { formatValueForDisplay } from '@/lib/format/formatValueForDisplay'
 
 const props = defineProps({
   value: {
diff --git a/src/components/Common/OAHeading.vue b/src/components/Common/OAHeading.vue
@@ -1,8 +1,8 @@
 <script setup>
+import { cn } from '@/lib/utils/utils'
 import slugify from '@sindresorhus/slugify'
 import { computed, useSlots } from 'vue'
 import { useTheme } from '../../composables/useTheme'
-import { cn } from '../../lib/utils/utils'
 
 const props = defineProps({
   id: {
diff --git a/src/components/Common/OAMarkdown.vue b/src/components/Common/OAMarkdown.vue
@@ -1,6 +1,6 @@
 <script setup>
+import { cn } from '@/lib/utils/utils'
 import { useMarkdown } from '../../composables/useMarkdown'
-import { cn } from '../../lib/utils/utils'
 
 const props = defineProps({
   content: {
diff --git a/src/components/Context/OAProvider.vue b/src/components/Context/OAProvider.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { OpenApiSpecInstance } from '../../lib/spec/createOpenApiSpec'
+import type { OpenApiSpecInstance } from '@/lib/spec/createOpenApiSpec'
 import { provide } from 'vue'
 import {
   getGlobalOpenapi,
diff --git a/src/components/Context/OAProviderAsync.vue b/src/components/Context/OAProviderAsync.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { OpenAPIDocument } from '../../types'
+import { parseOpenapi } from '@/lib/parser/parseOpenapi'
+import { createOpenApiSpec } from '@/lib/spec/createOpenApiSpec'
 import { parseYAML } from 'confbox'
 import { provide } from 'vue'
 import { OPENAPI_LOCAL_KEY } from '../../composables/useOpenapi'
-import { parseOpenapi } from '../../lib/parser/parseOpenapi'
-import { createOpenApiSpec } from '../../lib/spec/createOpenApiSpec'
 
 const props = defineProps({
   spec: {
diff --git a/src/components/Feature/OAOperationContext.vue b/src/components/Feature/OAOperationContext.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { ComputedRef } from 'vue'
 import type { PlaygroundSecurityScheme, SecurityUi } from '../../types'
+import { buildRequest } from '@/lib/codeSamples/buildRequest'
+import { initOperationData, OPERATION_DATA_KEY } from '@/lib/operation/operationData'
+import { resolveBaseUrl } from '@/lib/utils/resolveBaseUrl'
+import { isLocalStorageAvailable } from '@/lib/utils/utils'
 import { useStorage } from '@vueuse/core'
 import { computed, provide, ref } from 'vue'
 import { useTheme } from '../../composables/useTheme'
-import { buildRequest } from '../../lib/codeSamples/buildRequest'
-import { initOperationData, OPERATION_DATA_KEY } from '../../lib/operation/operationData'
-import { resolveBaseUrl } from '../../lib/utils/resolveBaseUrl'
-import { isLocalStorageAvailable } from '../../lib/utils/utils'
 
 const props = defineProps({
   operationId: {
diff --git a/src/components/Parameter/OAParameter.vue b/src/components/Parameter/OAParameter.vue
@@ -1,7 +1,7 @@
 <script setup>
+import { getConstraints } from '@/lib/parser/constraintsParser'
 import { useI18n } from '@byjohann/vue-i18n'
 import { titleCase } from 'scule'
-import { getConstraints } from '../../lib/parser/constraintsParser'
 import OACodeValue from '../Common/OACodeValue.vue'
 import OAMarkdown from '../Common/OAMarkdown.vue'
 import OAParameterAttribute from './OAParameterAttribute.vue'
diff --git a/src/components/Parameter/OAParameterExamples.vue b/src/components/Parameter/OAParameterExamples.vue
@@ -1,11 +1,11 @@
 <script setup>
+import { getPropertyExamples } from '@/lib/examples/getPropertyExamples'
+import { hasNamedExamples } from '@/lib/examples/isNamedExample'
+import { normalizeExamples } from '@/lib/examples/normalizeExamples'
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed, ref, watch } from 'vue'
 import { usePlayground } from '../../composables/usePlayground'
 import { useTheme } from '../../composables/useTheme'
-import { getPropertyExamples } from '../../lib/examples/getPropertyExamples'
-import { hasNamedExamples } from '../../lib/examples/isNamedExample'
-import { normalizeExamples } from '../../lib/examples/normalizeExamples'
 import OACodeValue from '../Common/OACodeValue.vue'
 import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '../ui/select'
 import OAParameterAttribute from './OAParameterAttribute.vue'
diff --git a/src/components/Path/OAPathsGroup.vue b/src/components/Path/OAPathsGroup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { OperationSlot, PathsGroupView } from '../../types'
+import { scrollToHash } from '@/lib/utils/utils'
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed, nextTick, ref } from 'vue'
 import { useTheme } from '../../composables/useTheme'
-import { scrollToHash } from '../../lib/utils/utils'
 import OAHeading from '../Common/OAHeading.vue'
 import OAMarkdown from '../Common/OAMarkdown.vue'
 import { Button } from '../ui/button'
diff --git a/src/components/Playground/OAPlayground.vue b/src/components/Playground/OAPlayground.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import type { OperationData } from '@/lib/operation/operationData'
 import type { OpenAPIV3 } from '@scalar/openapi-types'
-import type { OperationData } from '../../lib/operation/operationData'
+import { OPERATION_DATA_KEY } from '@/lib/operation/operationData'
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed, defineProps, inject, onBeforeUnmount } from 'vue'
 import { usePlayground } from '../../composables/usePlayground'
 import { useTheme } from '../../composables/useTheme'
-import { OPERATION_DATA_KEY } from '../../lib/operation/operationData'
 import OAHeading from '../Common/OAHeading.vue'
 import { Button } from '../ui/button'
 import OAPlaygroundParameters from './OAPlaygroundParameters.vue'
diff --git a/src/components/Playground/OAPlaygroundBodyInput.vue b/src/components/Playground/OAPlaygroundBodyInput.vue
@@ -1,14 +1,14 @@
 <script setup lang="ts">
 import type { OpenAPIV3 } from '@scalar/openapi-types'
 import type { OAExampleObject } from '../../types'
-import { computed, ref, watch } from 'vue'
-import { createCompositeKey } from '../../lib/playground/createCompositeKey'
+import { createCompositeKey } from '@/lib/playground/createCompositeKey'
 import {
   isFormUrlEncoded,
   isJson,
   isMultipartFormData,
   isXml,
-} from '../../lib/utils/contentTypeUtils'
+} from '@/lib/utils/contentTypeUtils'
+import { computed, ref, watch } from 'vue'
 import OAJSONEditor from '../Common/OAJSONEditor.vue'
 import { Textarea } from '../ui/textarea'
 import OAPlaygroundParameterInput from './OAPlaygroundParameterInput.vue'
diff --git a/src/components/Playground/OAPlaygroundParameterInput.vue b/src/components/Playground/OAPlaygroundParameterInput.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import { getPropertyExample } from '@/lib/examples/getPropertyExample'
+import { formatValueForPlaceholder } from '@/lib/format/formatValueForDisplay'
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed, defineEmits, defineProps, onMounted } from 'vue'
-import { getPropertyExample } from '../../lib/examples/getPropertyExample'
-import { formatValueForPlaceholder } from '../../lib/format/formatValueForDisplay'
 import OAJSONEditor from '../Common/OAJSONEditor.vue'
 import { Checkbox } from '../ui/checkbox'
 import { Input } from '../ui/input'
diff --git a/src/components/Playground/OAPlaygroundParameters.vue b/src/components/Playground/OAPlaygroundParameters.vue
@@ -1,18 +1,18 @@
 <script setup lang="ts">
+import type { OperationData } from '@/lib/operation/operationData'
 import type { OpenAPIV3 } from '@scalar/openapi-types'
 import type { ComputedRef } from 'vue'
-import type { OperationData } from '../../lib/operation/operationData'
 import type { PlaygroundSecurityScheme, SecurityUiItem } from '../../types'
+import { buildRequest } from '@/lib/codeSamples/buildRequest'
+import { getPropertyExample } from '@/lib/examples/getPropertyExample'
+import { OPERATION_DATA_KEY } from '@/lib/operation/operationData'
+import { createCompositeKey } from '@/lib/playground/createCompositeKey'
+import { isLocalStorageAvailable } from '@/lib/utils/utils'
 import { useI18n } from '@byjohann/vue-i18n'
 import { useStorage } from '@vueuse/core'
 import { computed, defineEmits, defineProps, inject, ref, watch } from 'vue'
 import { usePlayground } from '../../composables/usePlayground'
 import { useTheme } from '../../composables/useTheme'
-import { buildRequest } from '../../lib/codeSamples/buildRequest'
-import { getPropertyExample } from '../../lib/examples/getPropertyExample'
-import { OPERATION_DATA_KEY } from '../../lib/operation/operationData'
-import { createCompositeKey } from '../../lib/playground/createCompositeKey'
-import { isLocalStorageAvailable } from '../../lib/utils/utils'
 import OAPlaygroundBodyInput from '../Playground/OAPlaygroundBodyInput.vue'
 import OAPlaygroundParameterInput from '../Playground/OAPlaygroundParameterInput.vue'
 import OAPlaygroundSecurityInput from '../Playground/OAPlaygroundSecurityInput.vue'
diff --git a/src/components/Playground/OAPlaygroundResponseContent.vue b/src/components/Playground/OAPlaygroundResponseContent.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { getDownloadFileNameFromContentDisposition } from '@/lib/playground/getDownloadFileName'
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed, defineProps, onBeforeUnmount, ref, watch } from 'vue'
-import { getDownloadFileNameFromContentDisposition } from '../../lib/playground/getDownloadFileName'
 import OACodeBlock from '../Common/OACodeBlock.vue'
 
 interface ResponseType {
diff --git a/src/components/Request/OARequestBody.vue b/src/components/Request/OARequestBody.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import type { OperationData } from '../../lib/operation/operationData'
+import type { OperationData } from '@/lib/operation/operationData'
 import type { OARequestBody } from '../../types'
+import { OPERATION_DATA_KEY } from '@/lib/operation/operationData'
 import { useI18n } from '@byjohann/vue-i18n'
 import { computed, inject } from 'vue'
 import { useTheme } from '../../composables/useTheme'
-import { OPERATION_DATA_KEY } from '../../lib/operation/operationData'
 import OAContentTypeSelect from '../Common/OAContentTypeSelect.vue'
 import OAHeading from '../Common/OAHeading.vue'
 import OASchemaTabs from '../Schema/OASchemaTabs.vue'
diff --git a/src/components/Sample/OACodeSamples.vue b/src/components/Sample/OACodeSamples.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import type { OperationData } from '../../lib/operation/operationData'
+import type { OperationData } from '@/lib/operation/operationData'
+import { OPERATION_DATA_KEY } from '@/lib/operation/operationData'
 import { computed, inject, ref, watch } from 'vue'
 import { useTheme } from '../../composables/useTheme'
-import { OPERATION_DATA_KEY } from '../../lib/operation/operationData'
 import OACodeBlock from '../Common/OACodeBlock.vue'
 
 const props = defineProps({
diff --git a/src/components/ui/badge/Badge.vue b/src/components/ui/badge/Badge.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import type { BadgeVariants } from '.'
+import { cn } from '@/lib/utils/utils'
 import { badgeVariants } from '.'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<{
   variant?: BadgeVariants['variant']
diff --git a/src/components/ui/button/Button.vue b/src/components/ui/button/Button.vue
@@ -2,8 +2,8 @@
 import type { PrimitiveProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import type { ButtonVariants } from './index'
+import { cn } from '@/lib/utils/utils'
 import { Primitive } from 'reka-ui'
-import { cn } from '../../../lib/utils/utils'
 import { buttonVariants } from './index'
 
 interface Props extends PrimitiveProps {
diff --git a/src/components/ui/checkbox/Checkbox.vue b/src/components/ui/checkbox/Checkbox.vue
@@ -2,10 +2,10 @@
 import type { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import type { CheckboxVariants } from './index'
+import { cn } from '@/lib/utils/utils'
 import { Check } from 'lucide-vue-next'
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 import { checkboxVariants } from './index'
 
 interface CheckboxProps extends CheckboxRootProps {
diff --git a/src/components/ui/input/Input.vue b/src/components/ui/input/Input.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { useVModel } from '@vueuse/core'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<{
   defaultValue?: string | number
diff --git a/src/components/ui/label/Label.vue b/src/components/ui/label/Label.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { LabelProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { Label } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<LabelProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/select/SelectContent.vue b/src/components/ui/select/SelectContent.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectContentEmits, SelectContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
 import { SelectScrollDownButton, SelectScrollUpButton } from '.'
-import { cn } from '../../../lib/utils/utils'
 
 defineOptions({
   inheritAttrs: false,
diff --git a/src/components/ui/select/SelectGroup.vue b/src/components/ui/select/SelectGroup.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { SelectGroupProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { SelectGroup } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/select/SelectItem.vue b/src/components/ui/select/SelectItem.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { Check } from 'lucide-vue-next'
 import { SelectItem, SelectItemIndicator, SelectItemText, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/select/SelectLabel.vue b/src/components/ui/select/SelectLabel.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { SelectLabelProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { SelectLabel } from 'reka-ui'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
 </script>
diff --git a/src/components/ui/select/SelectScrollDownButton.vue b/src/components/ui/select/SelectScrollDownButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectScrollDownButtonProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { SelectScrollDownButton, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/select/SelectScrollUpButton.vue b/src/components/ui/select/SelectScrollUpButton.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectScrollUpButtonProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { ChevronUp } from 'lucide-vue-next'
 import { SelectScrollUpButton, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/select/SelectSeparator.vue b/src/components/ui/select/SelectSeparator.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { SelectSeparatorProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { SelectSeparator } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/select/SelectTrigger.vue b/src/components/ui/select/SelectTrigger.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectTriggerProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { SelectIcon, SelectTrigger, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/tabs/TabsContent.vue b/src/components/ui/tabs/TabsContent.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { TabsContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { TabsContent } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/tabs/TabsList.vue b/src/components/ui/tabs/TabsList.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { TabsListProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { TabsList } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()
 
diff --git a/src/components/ui/tabs/TabsTrigger.vue b/src/components/ui/tabs/TabsTrigger.vue
@@ -2,9 +2,9 @@
 import type { TabsTriggerProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import type { TabsTriggerVariants } from './index'
+import { cn } from '@/lib/utils/utils'
 import { TabsTrigger, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
-import { cn } from '../../../lib/utils/utils'
 import { tabsTriggerVariants } from './index'
 
 interface Props extends TabsTriggerProps {
diff --git a/src/components/ui/textarea/Textarea.vue b/src/components/ui/textarea/Textarea.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
+import { cn } from '@/lib/utils/utils'
 import { useVModel } from '@vueuse/core'
-import { cn } from '../../../lib/utils/utils'
 
 const props = defineProps<{
   class?: HTMLAttributes['class']
diff --git a/src/components/ui/tooltip/TooltipContent.vue b/src/components/ui/tooltip/TooltipContent.vue
diff --git a/tsconfig.json b/tsconfig.json
diff --git a/vite.config.ts b/vite.config.ts
