♻️ [refactor] : Interface 이름 컨벤션에 맞게 변경

Author: seorang42

src/components/TitleBar.vue

@@ -15,9 +15,9 @@
 
 <script setup lang="ts">
 import { plusIcon } from '@/constants/iconPath'
-import type { TitleBar } from '@/types/common'
+import type { TitleBarProps } from '@/types/common'
 import CommonIcons from './common/CommonIcons.vue'
 
-const props = defineProps<TitleBar>()
+const props = defineProps<TitleBarProps>()
 defineEmits(['buttonClick'])
 </script>

src/components/filters/FilterCategory.vue

@@ -74,11 +74,11 @@
 
 <script setup lang="ts">
 import { dropdownIcon } from '@/constants/iconPath'
-import type { Category, FilterCategory } from '@/types/common'
+import type { Category, FilterCategoryProps } from '@/types/common'
 import { computed, ref, watchEffect } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 
-const { categoryList, main, sub } = defineProps<FilterCategory>()
+const { categoryList, main, sub } = defineProps<FilterCategoryProps>()
 const emit = defineEmits(['update:main', 'update:sub'])
 
 const isMainOpened = ref(false)

src/types/common.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
 
-export interface TitleBar {
+export interface TitleBarProps {
   title: string
   btn?: string
 }
@@ -23,7 +23,7 @@ export interface Category {
   subCategoryList?: { id: number; content: string }[]
 }
 
-export interface FilterCategory {
+export interface FilterCategoryProps {
   categoryList: Category[]
   main: Ref<number[]> | number[]
   sub: Ref<number[]> | number[]
@@ -41,6 +41,6 @@ export interface ListBarTabProps {
   content: string
   width?: number
   sortBy?: string
-  currentOrderRequest: { sortBy: string; sortDirection: 'DESC' | 'ASC' }
+  currentOrderRequest?: { sortBy: string; sortDirection: 'DESC' | 'ASC' }
   justifyCenter?: boolean
 }