From 2b7492358de3a0c46cb0778f68845cdf24771439 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Tue, 18 Feb 2025 11:59:28 +0900
Subject: [PATCH 1/6] =?UTF-8?q?:recycle:=20[fix]=20:=20import=20=EC=BD=94?=
 =?UTF-8?q?=EB=93=9C=20=ED=8F=AC=EB=A7=A4=ED=8C=85=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/api-logs/ApiLogsFilterBar.vue  | 10 +++++-----
 src/components/api-logs/ApiLogsList.vue       | 14 ++++++-------
 src/components/api-logs/ApiLogsListCard.vue   |  6 +++---
 src/components/charts/LineChart.vue           | 16 +++++++--------
 src/components/charts/PieChart.vue            | 14 ++++++-------
 src/components/common/EditInformation.vue     |  2 +-
 src/components/common/ModalView.vue           |  2 +-
 src/components/common/TaskCard.vue            |  2 +-
 src/components/filters/FilterCategory.vue     |  2 +-
 src/components/lists/ListCardTab.vue          |  2 +-
 .../login-logs/LoginLogsFilterBar.vue         |  6 +++---
 .../login-logs/LoginLogsListBar.vue           |  6 +++---
 .../login-logs/LoginLogsListCard.vue          |  4 ++--
 .../MemberManagementFilterBar.vue             |  2 +-
 .../MemberManagementListBar.vue               |  2 +-
 .../my-request/MyRequestFilterBar.vue         |  8 ++++----
 .../request-history/RequestHistoryListBar.vue |  6 +++---
 .../requested/RequestedFilterBar.vue          | 12 +++++------
 src/components/requested/RequestedList.vue    |  2 +-
 src/components/requested/RequestedListBar.vue |  4 ++--
 .../requested/RequestedListCard.vue           |  2 +-
 .../task-board/TaskBoardFilterBar.vue         | 14 ++++++-------
 .../task-detail/TaskDetailHistoryFile.vue     |  2 +-
 .../task-detail/TaskDetailRight.vue           |  2 +-
 src/components/task-detail/TaskStatusList.vue |  2 +-
 .../task-management/CategoryLine.vue          |  2 +-
 .../task-management/CategoryManagement.vue    |  6 +++---
 .../task-management/LabelManagementLine.vue   |  4 ++--
 .../team-board/TeamBoardFilterBar.vue         |  8 ++++----
 src/components/top-bar/NotificationModal.vue  |  4 ++--
 src/components/top-bar/SideBar.vue            |  8 ++++----
 src/components/top-bar/TopBar.vue             | 20 +++++++++----------
 src/layout/TheView.vue                        |  2 +-
 33 files changed, 99 insertions(+), 99 deletions(-)

diff --git a/src/components/api-logs/ApiLogsFilterBar.vue b/src/components/api-logs/ApiLogsFilterBar.vue
index bc855252..51071398 100644
--- a/src/components/api-logs/ApiLogsFilterBar.vue
+++ b/src/components/api-logs/ApiLogsFilterBar.vue
@@ -25,14 +25,14 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterInput from '../filters/FilterInput.vue'
 import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
-import FilterIpAddress from '../filters/FilterIpAddress.vue'
-import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
-import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
 import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
 import { useLogsParamsStore } from '@/stores/params'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
+import FilterInput from '../filters/FilterInput.vue'
+import FilterIpAddress from '../filters/FilterIpAddress.vue'
 
 const store = useLogsParamsStore()
 store.$reset()
diff --git a/src/components/api-logs/ApiLogsList.vue b/src/components/api-logs/ApiLogsList.vue
index 93e8abda..78e518d4 100644
--- a/src/components/api-logs/ApiLogsList.vue
+++ b/src/components/api-logs/ApiLogsList.vue
@@ -22,18 +22,18 @@
 </template>
 
 <script setup lang="ts">
-import ListPagination from '../lists/ListPagination.vue'
-import ListContainer from '../lists/ListContainer.vue'
+import { useMemberStore } from '@/stores/member'
 import { useLogsParamsStore } from '@/stores/params'
-import ApiLogsListBar from './ApiLogsListBar.vue'
-import ApiLogsListCard from './ApiLogsListCard.vue'
+import type { ApiLogsResponse } from '@/types/admin'
 import { axiosInstance } from '@/utils/axios'
 import { useQuery } from '@tanstack/vue-query'
-import type { ApiLogsResponse } from '@/types/admin'
-import { computed } from 'vue'
-import { useMemberStore } from '@/stores/member'
 import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import ListContainer from '../lists/ListContainer.vue'
+import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
+import ApiLogsListBar from './ApiLogsListBar.vue'
+import ApiLogsListCard from './ApiLogsListCard.vue'
 
 const { params } = useLogsParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/api-logs/ApiLogsListCard.vue b/src/components/api-logs/ApiLogsListCard.vue
index 154a085a..197003a6 100644
--- a/src/components/api-logs/ApiLogsListCard.vue
+++ b/src/components/api-logs/ApiLogsListCard.vue
@@ -13,11 +13,11 @@
 </template>
 
 <script setup lang="ts">
-import type { ListCardProps } from '@/types/common'
-import ListCardTab from '../lists/ListCardTab.vue'
+import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
 import type { ApiLogsListData } from '@/types/admin'
+import type { ListCardProps } from '@/types/common'
 import { formatFullDateTime } from '@/utils/date'
-import { API_LOGS_DIVISION_LIST } from '@/constants/admin'
+import ListCardTab from '../lists/ListCardTab.vue'
 
 const { info } = defineProps<{ info: ApiLogsListData }>()
 const myRequestTabList: ListCardProps[] = [
diff --git a/src/components/charts/LineChart.vue b/src/components/charts/LineChart.vue
index 3711b133..1acc16f9 100644
--- a/src/components/charts/LineChart.vue
+++ b/src/components/charts/LineChart.vue
@@ -9,20 +9,20 @@
 </template>
 
 <script setup lang="ts">
-import { Line } from 'vue-chartjs'
+import type { PeriodType } from '@/types/manager'
 import {
+  CategoryScale,
   Chart as ChartJS,
-  Title,
-  Tooltip,
+  Colors,
+  Filler,
   Legend,
+  LinearScale,
   LineElement,
   PointElement,
-  CategoryScale,
-  LinearScale,
-  Colors,
-  Filler
+  Title,
+  Tooltip
 } from 'chart.js'
-import type { PeriodType } from '@/types/manager'
+import { Line } from 'vue-chartjs'
 import NoContent from '../lists/NoContent.vue'
 
 ChartJS.register(
diff --git a/src/components/charts/PieChart.vue b/src/components/charts/PieChart.vue
index 7604cba0..1bf9e9de 100644
--- a/src/components/charts/PieChart.vue
+++ b/src/components/charts/PieChart.vue
@@ -15,18 +15,18 @@
 </template>
 
 <script setup lang="ts">
-import { Pie } from 'vue-chartjs'
+import type { PeriodType } from '@/types/manager'
 import {
+  ArcElement,
   Chart as ChartJS,
+  Colors,
+  Legend,
   Title,
   Tooltip,
-  Legend,
-  ArcElement,
-  Colors,
-  type ChartEvent,
-  type ActiveElement
+  type ActiveElement,
+  type ChartEvent
 } from 'chart.js'
-import type { PeriodType } from '@/types/manager'
+import { Pie } from 'vue-chartjs'
 import NoContent from '../lists/NoContent.vue'
 ChartJS.register(Title, Tooltip, Legend, ArcElement, Colors)
 
diff --git a/src/components/common/EditInformation.vue b/src/components/common/EditInformation.vue
index 336f224c..f057a599 100644
--- a/src/components/common/EditInformation.vue
+++ b/src/components/common/EditInformation.vue
@@ -132,6 +132,7 @@
 import { patchEditInfo } from '@/api/common'
 import { ALLOWED_FILE_EXTENSIONS, ALLOWED_FILE_EXTENSIONS_IMAGE } from '@/constants/common'
 import { useMemberStore } from '@/stores/member'
+import DOMPurify from 'dompurify'
 import { storeToRefs } from 'pinia'
 import { nextTick, ref, watchEffect } from 'vue'
 import { useRouter } from 'vue-router'
@@ -139,7 +140,6 @@ import FormButtonContainer from './FormButtonContainer.vue'
 import FormCheckbox from './FormCheckbox.vue'
 import ImageContainer from './ImageContainer.vue'
 import ModalView from './ModalView.vue'
-import DOMPurify from 'dompurify'
 
 const router = useRouter()
 
diff --git a/src/components/common/ModalView.vue b/src/components/common/ModalView.vue
index 5c47159f..d870e19e 100644
--- a/src/components/common/ModalView.vue
+++ b/src/components/common/ModalView.vue
@@ -83,10 +83,10 @@
 
 <script setup lang="ts">
 import { failIcon, successIcon, warningIcon } from '@/constants/iconPath'
+import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 import { onUnmounted, ref, watch } from 'vue'
 import CommonIcons from './CommonIcons.vue'
 import LoadingIcon from './LoadingIcon.vue'
-import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 
 const { isOpen, type, modelValue, isEmpty } = defineProps<{
   isOpen: boolean
diff --git a/src/components/common/TaskCard.vue b/src/components/common/TaskCard.vue
index f2979130..37ba8686 100644
--- a/src/components/common/TaskCard.vue
+++ b/src/components/common/TaskCard.vue
@@ -41,6 +41,7 @@
 
 <script setup lang="ts">
 import { bentoIcon } from '@/constants/iconPath'
+import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 import { useTeamBoardParamsStore } from '@/stores/params'
 import type { Status } from '@/types/common'
 import type { TaskCardProps } from '@/types/manager'
@@ -51,7 +52,6 @@ import TaskDetail from '../task-detail/TaskDetail.vue'
 import CommonIcons from './CommonIcons.vue'
 import ImageContainer from './ImageContainer.vue'
 import TaskLabel from './TaskLabel.vue'
-import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
 
 const { data } = defineProps<{ data: TaskCardProps; draggable?: boolean }>()
 const emit = defineEmits(['toggleModal'])
diff --git a/src/components/filters/FilterCategory.vue b/src/components/filters/FilterCategory.vue
index a26881d3..6581e25b 100644
--- a/src/components/filters/FilterCategory.vue
+++ b/src/components/filters/FilterCategory.vue
@@ -76,10 +76,10 @@
 
 <script setup lang="ts">
 import { dropdownIcon } from '@/constants/iconPath'
+import { useOutsideClick } from '@/hooks/useOutsideClick'
 import type { Category, FilterCategoryProps, SubCategory } from '@/types/common'
 import { computed, ref, watchEffect } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
-import { useOutsideClick } from '@/hooks/useOutsideClick'
 
 const { categoryList = [], main, sub } = defineProps<FilterCategoryProps>()
 const emit = defineEmits(['update:main', 'update:sub'])
diff --git a/src/components/lists/ListCardTab.vue b/src/components/lists/ListCardTab.vue
index 5432cba2..b56647bd 100644
--- a/src/components/lists/ListCardTab.vue
+++ b/src/components/lists/ListCardTab.vue
@@ -21,8 +21,8 @@
 
 <script setup lang="ts">
 import type { ListCardProps, Status } from '@/types/common'
-import TaskStatus from '../common/TaskStatus.vue'
 import ImageContainer from '../common/ImageContainer.vue'
+import TaskStatus from '../common/TaskStatus.vue'
 
 const { content, width, isTextXs, profileImg, isStatus, isStatusCode, isTextBody } =
   defineProps<ListCardProps>()
diff --git a/src/components/login-logs/LoginLogsFilterBar.vue b/src/components/login-logs/LoginLogsFilterBar.vue
index fabd7c59..e31274fe 100644
--- a/src/components/login-logs/LoginLogsFilterBar.vue
+++ b/src/components/login-logs/LoginLogsFilterBar.vue
@@ -20,12 +20,12 @@
 </template>
 
 <script setup lang="ts">
+import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
+import { useLogsParamsStore } from '@/stores/params'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { useLogsParamsStore } from '@/stores/params'
-import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
 import FilterIpAddress from '../filters/FilterIpAddress.vue'
-import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
 
 const store = useLogsParamsStore()
 store.$reset()
diff --git a/src/components/login-logs/LoginLogsListBar.vue b/src/components/login-logs/LoginLogsListBar.vue
index de5434dd..14288ca7 100644
--- a/src/components/login-logs/LoginLogsListBar.vue
+++ b/src/components/login-logs/LoginLogsListBar.vue
@@ -12,11 +12,11 @@
 </template>
 
 <script setup lang="ts">
-import ListBarTab from '../lists/ListBarTab.vue'
-import { useLogsParamsStore } from '@/stores/params'
 import { LOGS_LIST_BAR_TAB } from '@/constants/admin'
-import { computed } from 'vue'
 import { useLogsParamsChange } from '@/hooks/useLogsParamsChange'
+import { useLogsParamsStore } from '@/stores/params'
+import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useLogsParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/login-logs/LoginLogsListCard.vue b/src/components/login-logs/LoginLogsListCard.vue
index cd86697b..834cdb05 100644
--- a/src/components/login-logs/LoginLogsListCard.vue
+++ b/src/components/login-logs/LoginLogsListCard.vue
@@ -13,10 +13,10 @@
 </template>
 
 <script setup lang="ts">
-import type { ListCardProps } from '@/types/common'
-import ListCardTab from '../lists/ListCardTab.vue'
 import type { LoginLogsListData } from '@/types/admin'
+import type { ListCardProps } from '@/types/common'
 import { formatFullDateTime } from '@/utils/date'
+import ListCardTab from '../lists/ListCardTab.vue'
 
 const logStatus = {
   LOGIN: '로그인 시도'
diff --git a/src/components/member-management/MemberManagementFilterBar.vue b/src/components/member-management/MemberManagementFilterBar.vue
index cfb892c4..b4d0e77a 100644
--- a/src/components/member-management/MemberManagementFilterBar.vue
+++ b/src/components/member-management/MemberManagementFilterBar.vue
@@ -31,10 +31,10 @@
 </template>
 
 <script setup lang="ts">
+import { PAGE_SIZE_LIST, ROLE_LIST } from '@/constants/common'
 import { useMemberManagementParamsStore } from '@/stores/params'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { PAGE_SIZE_LIST, ROLE_LIST } from '@/constants/common'
 
 const { params } = useMemberManagementParamsStore()
 </script>
diff --git a/src/components/member-management/MemberManagementListBar.vue b/src/components/member-management/MemberManagementListBar.vue
index 6c0ee5cf..93fc3c95 100644
--- a/src/components/member-management/MemberManagementListBar.vue
+++ b/src/components/member-management/MemberManagementListBar.vue
@@ -14,9 +14,9 @@
 
 <script setup lang="ts">
 import { MEMBER_MANAGEMENT_LIST_BAR_TAB } from '@/constants/admin'
-import ListBarTab from '../lists/ListBarTab.vue'
 import { useMemberManagementParamsStore } from '@/stores/params'
 import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useMemberManagementParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/my-request/MyRequestFilterBar.vue b/src/components/my-request/MyRequestFilterBar.vue
index b4bf0b75..25448307 100644
--- a/src/components/my-request/MyRequestFilterBar.vue
+++ b/src/components/my-request/MyRequestFilterBar.vue
@@ -33,17 +33,17 @@
 </template>
 
 <script setup lang="ts">
+import { getCategory } from '@/api/common'
 import { PAGE_SIZE_LIST, TASK_STATUS_LIST, TERM_LIST } from '@/constants/common'
+import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import FilterCategory from '../filters/FilterCategory.vue'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterDropdownMulti from '../filters/FilterDropdownMulti.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/request-history/RequestHistoryListBar.vue b/src/components/request-history/RequestHistoryListBar.vue
index b96948d7..807f7228 100644
--- a/src/components/request-history/RequestHistoryListBar.vue
+++ b/src/components/request-history/RequestHistoryListBar.vue
@@ -12,11 +12,11 @@
 </template>
 
 <script setup lang="ts">
-import ListBarTab from '../lists/ListBarTab.vue'
-import { useRequestParamsStore } from '@/stores/params'
 import { REQUEST_HISTORY_LIST_BAR_TAB } from '@/constants/manager'
-import { computed } from 'vue'
 import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import { useRequestParamsStore } from '@/stores/params'
+import { computed } from 'vue'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useRequestParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/requested/RequestedFilterBar.vue b/src/components/requested/RequestedFilterBar.vue
index 14bef28f..62f80fd0 100644
--- a/src/components/requested/RequestedFilterBar.vue
+++ b/src/components/requested/RequestedFilterBar.vue
@@ -28,16 +28,16 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterCategory from '../filters/FilterCategory.vue'
-import FilterInput from '../filters/FilterInput.vue'
+import { getCategory } from '@/api/common'
 import { PAGE_SIZE_LIST, TERM_LIST } from '@/constants/common'
+import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
 import { storeToRefs } from 'pinia'
-import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import FilterCategory from '../filters/FilterCategory.vue'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterInput from '../filters/FilterInput.vue'
 
 const store = useRequestParamsStore()
 store.$reset()
diff --git a/src/components/requested/RequestedList.vue b/src/components/requested/RequestedList.vue
index 4789e31c..8b4f0b6d 100644
--- a/src/components/requested/RequestedList.vue
+++ b/src/components/requested/RequestedList.vue
@@ -22,6 +22,7 @@
 </template>
 
 <script setup lang="ts">
+import { useParseParams } from '@/hooks/useParseParams'
 import { useMemberStore } from '@/stores/member'
 import { useRequestParamsStore } from '@/stores/params'
 import type { RequestedResponse } from '@/types/manager'
@@ -34,7 +35,6 @@ import ListPagination from '../lists/ListPagination.vue'
 import NoContent from '../lists/NoContent.vue'
 import RequestedListBar from './RequestedListBar.vue'
 import RequestedListCard from './RequestedListCard.vue'
-import { useParseParams } from '@/hooks/useParseParams'
 
 const { params } = useRequestParamsStore()
 const onPageChange = (value: number) => {
diff --git a/src/components/requested/RequestedListBar.vue b/src/components/requested/RequestedListBar.vue
index 9dbd7fc4..59523eab 100644
--- a/src/components/requested/RequestedListBar.vue
+++ b/src/components/requested/RequestedListBar.vue
@@ -14,10 +14,10 @@
 
 <script setup lang="ts">
 import { REQUESTED_LIST_BAR_TAB } from '@/constants/manager'
-import ListBarTab from '../lists/ListBarTab.vue'
+import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
 import { useRequestParamsStore } from '@/stores/params'
 import { computed } from 'vue'
-import { useRequestParamsChange } from '@/hooks/useRequestParamsChange'
+import ListBarTab from '../lists/ListBarTab.vue'
 
 const { params } = useRequestParamsStore()
 const orderRequest = computed(() => ({
diff --git a/src/components/requested/RequestedListCard.vue b/src/components/requested/RequestedListCard.vue
index 55d043fa..287b5550 100644
--- a/src/components/requested/RequestedListCard.vue
+++ b/src/components/requested/RequestedListCard.vue
@@ -60,12 +60,12 @@ import type { RequestedListData } from '@/types/manager'
 import { axiosInstance } from '@/utils/axios'
 import { formatDate } from '@/utils/date'
 import { useQueryClient } from '@tanstack/vue-query'
+import DOMPurify from 'dompurify'
 import { ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../common/ModalView.vue'
 import ListCardTab from '../lists/ListCardTab.vue'
 import TaskDetail from '../task-detail/TaskDetail.vue'
-import DOMPurify from 'dompurify'
 
 const { info } = defineProps<{ info: RequestedListData }>()
 const requestedTabList: ListCardProps[] = [
diff --git a/src/components/task-board/TaskBoardFilterBar.vue b/src/components/task-board/TaskBoardFilterBar.vue
index 4b3b5979..361921da 100644
--- a/src/components/task-board/TaskBoardFilterBar.vue
+++ b/src/components/task-board/TaskBoardFilterBar.vue
@@ -23,16 +23,16 @@
 </template>
 
 <script setup lang="ts">
-import FilterDropdown from '../filters/FilterDropdown.vue'
-import FilterCategory from '../filters/FilterCategory.vue'
-import FilterInput from '../filters/FilterInput.vue'
-import { useTaskBoardParamsStore } from '@/stores/params'
-import { useQuery } from '@tanstack/vue-query'
-import { computed } from 'vue'
-import type { LabelDataTypes } from '@/types/common'
 import { getCategory, getLabels } from '@/api/common'
 import { useMemberStore } from '@/stores/member'
+import { useTaskBoardParamsStore } from '@/stores/params'
+import type { LabelDataTypes } from '@/types/common'
+import { useQuery } from '@tanstack/vue-query'
 import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import FilterCategory from '../filters/FilterCategory.vue'
+import FilterDropdown from '../filters/FilterDropdown.vue'
+import FilterInput from '../filters/FilterInput.vue'
 
 const { params } = useTaskBoardParamsStore()
 
diff --git a/src/components/task-detail/TaskDetailHistoryFile.vue b/src/components/task-detail/TaskDetailHistoryFile.vue
index 361975e1..1c0e7167 100644
--- a/src/components/task-detail/TaskDetailHistoryFile.vue
+++ b/src/components/task-detail/TaskDetailHistoryFile.vue
@@ -71,6 +71,7 @@
 <script setup lang="ts">
 import { deleteComment } from '@/api/user'
 import { fileIcon, menuDotIcon } from '@/constants/iconPath'
+import { useOutsideClick } from '@/hooks/useOutsideClick'
 import { useMemberStore } from '@/stores/member'
 import type { TaskDetailHistoryChatProps } from '@/types/common'
 import { formatTimeShort } from '@/utils/date'
@@ -80,7 +81,6 @@ import { computed, defineProps, ref } from 'vue'
 import CommonIcons from '../common/CommonIcons.vue'
 import ImageContainer from '../common/ImageContainer.vue'
 import ModalView from '../common/ModalView.vue'
-import { useOutsideClick } from '@/hooks/useOutsideClick'
 
 const { history, requestorName, taskId } = defineProps<TaskDetailHistoryChatProps>()
 
diff --git a/src/components/task-detail/TaskDetailRight.vue b/src/components/task-detail/TaskDetailRight.vue
index e0ac4f70..c71b908e 100644
--- a/src/components/task-detail/TaskDetailRight.vue
+++ b/src/components/task-detail/TaskDetailRight.vue
@@ -59,7 +59,7 @@
       <p class="task-detail">마감기한</p>
       <div v-if="data.dueDate">
         <div class="w-full flex justify-between items-center">
-          <p class="text-sm">{{ formatDueDate(data.dueDate)  }}</p>
+          <p class="text-sm">{{ formatDueDate(data.dueDate) }}</p>
         </div>
         <p class="text-red-1 text-xs font-semibold">{{ formatDaysBefore(data.dueDate) }}</p>
       </div>
diff --git a/src/components/task-detail/TaskStatusList.vue b/src/components/task-detail/TaskStatusList.vue
index 1dd77628..e0a5b84f 100644
--- a/src/components/task-detail/TaskStatusList.vue
+++ b/src/components/task-detail/TaskStatusList.vue
@@ -43,9 +43,9 @@ import type { TaskStatusListProps } from '@/types/user'
 import { axiosInstance } from '@/utils/axios'
 import { statusAsColor } from '@/utils/statusAsColor'
 import { useQueryClient } from '@tanstack/vue-query'
+import DOMPurify from 'dompurify'
 import { ref, watch } from 'vue'
 import ModalView from '../common/ModalView.vue'
-import DOMPurify from 'dompurify'
 
 const { modelValue, isProcessor, taskId } = defineProps<TaskStatusListProps>()
 const modalError = ref('')
diff --git a/src/components/task-management/CategoryLine.vue b/src/components/task-management/CategoryLine.vue
index 6eb2e27e..1a2cde26 100644
--- a/src/components/task-management/CategoryLine.vue
+++ b/src/components/task-management/CategoryLine.vue
@@ -49,10 +49,10 @@
 <script setup lang="ts">
 import { deleteCategoryAdmin } from '@/api/admin'
 import type { CategoryAllData } from '@/types/admin'
+import { useQueryClient } from '@tanstack/vue-query'
 import { defineProps, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import ModalView from '../common/ModalView.vue'
-import { useQueryClient } from '@tanstack/vue-query'
 
 const { categories } = defineProps<CategoryAllData>()
 const router = useRouter()
diff --git a/src/components/task-management/CategoryManagement.vue b/src/components/task-management/CategoryManagement.vue
index 826178e8..7b2f15b4 100644
--- a/src/components/task-management/CategoryManagement.vue
+++ b/src/components/task-management/CategoryManagement.vue
@@ -29,15 +29,15 @@
 </template>
 
 <script setup lang="ts">
+import { getCategory } from '@/api/common'
 import { plusIcon } from '@/constants/iconPath'
+import { useMemberStore } from '@/stores/member'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import { useRouter } from 'vue-router'
 import CommonIcons from '../common/CommonIcons.vue'
 import CategoryLine from './CategoryLine.vue'
 import CategoryLineSub from './CategoryLineSub.vue'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
 
 const router = useRouter()
 
diff --git a/src/components/task-management/LabelManagementLine.vue b/src/components/task-management/LabelManagementLine.vue
index 89c37fcb..8036ddcb 100644
--- a/src/components/task-management/LabelManagementLine.vue
+++ b/src/components/task-management/LabelManagementLine.vue
@@ -2,7 +2,7 @@
   <div class="w-full">
     <div
       v-for="label in labelData"
-      :key="label.labelId"
+      :key="label.labelId ?? -1"
       class="flex w-full flex-col">
       <div class="category-management-line justify-between bg-white">
         <div class="flex w-full gap-7 items-center px-3 relative">
@@ -20,7 +20,7 @@
               )?.fillColor
             }"
             class="w-4 h-4 rounded-full border-2 cursor-pointer pr-3 relative"
-            @click="isEdit && clickColor(label.labelId)"></div>
+            @click="isEdit && clickColor(label.labelId || -1)"></div>
           <ColorSelectModal
             v-if="isColorModalVisible && editValue.labelId === label.labelId"
             :is-open="isColorModalVisible && editValue.labelId === label.labelId"
diff --git a/src/components/team-board/TeamBoardFilterBar.vue b/src/components/team-board/TeamBoardFilterBar.vue
index 9f8ccff2..92b54dad 100644
--- a/src/components/team-board/TeamBoardFilterBar.vue
+++ b/src/components/team-board/TeamBoardFilterBar.vue
@@ -22,15 +22,15 @@
 </template>
 
 <script setup lang="ts">
+import { getCategory } from '@/api/common'
+import { useTeamBoardParamsChange } from '@/hooks/useTeamBoardParamsChange'
+import { useMemberStore } from '@/stores/member'
 import { useTeamBoardParamsStore } from '@/stores/params'
 import { useQuery } from '@tanstack/vue-query'
+import { storeToRefs } from 'pinia'
 import FilterCategory from '../filters/FilterCategory.vue'
 import FilterDropdown from '../filters/FilterDropdown.vue'
 import FilterInput from '../filters/FilterInput.vue'
-import { getCategory } from '@/api/common'
-import { useMemberStore } from '@/stores/member'
-import { storeToRefs } from 'pinia'
-import { useTeamBoardParamsChange } from '@/hooks/useTeamBoardParamsChange'
 
 const { params } = useTeamBoardParamsStore()
 
diff --git a/src/components/top-bar/NotificationModal.vue b/src/components/top-bar/NotificationModal.vue
index 1efb64b2..060e338b 100644
--- a/src/components/top-bar/NotificationModal.vue
+++ b/src/components/top-bar/NotificationModal.vue
@@ -63,10 +63,10 @@ import { axiosInstance } from '@/utils/axios'
 import InfiniteLoading from 'v3-infinite-loading'
 import 'v3-infinite-loading/lib/style.css'
 import { ref } from 'vue'
-import CommonIcons from '../common/CommonIcons.vue'
-import NotificationMessage from './NotificationMessage.vue'
 import { useRouter } from 'vue-router'
+import CommonIcons from '../common/CommonIcons.vue'
 import NoContent from '../lists/NoContent.vue'
+import NotificationMessage from './NotificationMessage.vue'
 
 const { isOpen } = defineProps<{
   isOpen: boolean
diff --git a/src/components/top-bar/SideBar.vue b/src/components/top-bar/SideBar.vue
index 4df9af69..727743de 100644
--- a/src/components/top-bar/SideBar.vue
+++ b/src/components/top-bar/SideBar.vue
@@ -67,13 +67,13 @@
 </template>
 
 <script setup lang="ts">
-import { useRoute, useRouter } from 'vue-router'
-import { computed } from 'vue'
-import CommonIcons from '../common/CommonIcons.vue'
 import { hamburgerIcon } from '@/constants/iconPath'
-import { SIDE_USER_MENU, SIDE_MANAGER_MENU, SIDE_ADMIN_MENU } from '@/constants/menu'
+import { SIDE_ADMIN_MENU, SIDE_MANAGER_MENU, SIDE_USER_MENU } from '@/constants/menu'
 import { useMemberStore } from '@/stores/member'
 import { storeToRefs } from 'pinia'
+import { computed } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import CommonIcons from '../common/CommonIcons.vue'
 import ImageContainer from '../common/ImageContainer.vue'
 
 const memberStore = useMemberStore()
diff --git a/src/components/top-bar/TopBar.vue b/src/components/top-bar/TopBar.vue
index 0e79c106..1ed81bcc 100644
--- a/src/components/top-bar/TopBar.vue
+++ b/src/components/top-bar/TopBar.vue
@@ -56,20 +56,20 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, watch } from 'vue'
-import CommonIcons from '../common/CommonIcons.vue'
-import SideBar from './SideBar.vue'
+import { getNotifiCount } from '@/api/common'
+import { useOutsideClick } from '@/hooks/useOutsideClick'
+import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
+import { useMemberStore } from '@/stores/member'
+import { storeToRefs } from 'pinia'
+import { onMounted, ref, watch } from 'vue'
+import { useRouter } from 'vue-router'
 import { hamburgerIcon } from '../../constants/iconPath'
+import CommonIcons from '../common/CommonIcons.vue'
+import ImageContainer from '../common/ImageContainer.vue'
 import NotificationIcon from '../icons/NotificationIcon.vue'
-import { storeToRefs } from 'pinia'
-import { useMemberStore } from '@/stores/member'
 import NotificationModal from './NotificationModal.vue'
 import ProfileModal from './ProfileModal.vue'
-import { getNotifiCount } from '@/api/common'
-import ImageContainer from '../common/ImageContainer.vue'
-import { useOutsideClick } from '@/hooks/useOutsideClick'
-import { useRouter } from 'vue-router'
-import { useIsOverlayOpenStore } from '@/stores/isOverlayOpen'
+import SideBar from './SideBar.vue'
 
 const memberStore = useMemberStore()
 const { isLogined, info } = storeToRefs(memberStore)
diff --git a/src/layout/TheView.vue b/src/layout/TheView.vue
index 1b0fc0b3..8230a42e 100644
--- a/src/layout/TheView.vue
+++ b/src/layout/TheView.vue
@@ -29,8 +29,8 @@
 import { ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
-import TaskDetail from '@/components/task-detail/TaskDetail.vue'
 import ModalView from '@/components/common/ModalView.vue'
+import TaskDetail from '@/components/task-detail/TaskDetail.vue'
 import { useErrorStore } from '@/stores/error'
 import { storeToRefs } from 'pinia'
 import { computed } from 'vue'

From 898bad21599152c43b27bf060129e34ea799da8d Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Tue, 18 Feb 2025 12:02:20 +0900
Subject: [PATCH 2/6] =?UTF-8?q?:recycle:=20[fix]=20:=20=EB=AF=B8=EC=82=AC?=
 =?UTF-8?q?=EC=9A=A9=20=ED=83=80=EC=9E=85,=20=EC=83=81=EC=88=98=20?=
 =?UTF-8?q?=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.ts          |  2 +-
 src/router/index.ts  |  2 +-
 src/stores/member.ts |  6 +++---
 src/stores/params.ts |  4 ++--
 src/types/admin.ts   | 11 -----------
 src/types/auth.ts    |  5 -----
 6 files changed, 7 insertions(+), 23 deletions(-)

diff --git a/src/main.ts b/src/main.ts
index 167014d1..8d41d9a3 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,9 +3,9 @@ import './assets/styles.css'
 import { createPinia } from 'pinia'
 import { createApp } from 'vue'
 
+import { VueQueryPlugin } from '@tanstack/vue-query'
 import App from './App.vue'
 import router from './router'
-import { VueQueryPlugin } from '@tanstack/vue-query'
 
 const app = createApp(App)
 
diff --git a/src/router/index.ts b/src/router/index.ts
index db8a5de2..20012d22 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,8 +1,8 @@
 import { PERMITTED_URL } from '@/constants/common'
 import { useErrorStore } from '@/stores/error'
 import { useMemberStore } from '@/stores/member'
-import { createRouter, createWebHistory } from 'vue-router'
 import Cookies from 'js-cookie'
+import { createRouter, createWebHistory } from 'vue-router'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
diff --git a/src/stores/member.ts b/src/stores/member.ts
index d42572a0..86716eae 100644
--- a/src/stores/member.ts
+++ b/src/stores/member.ts
@@ -1,8 +1,8 @@
-import { defineStore } from 'pinia'
-import { axiosInstance } from '@/utils/axios'
-import { ref } from 'vue'
 import type { User } from '@/types/auth'
+import { axiosInstance } from '@/utils/axios'
 import Cookies from 'js-cookie'
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
 
 export const useMemberStore = defineStore('memberInfo', () => {
   const INITIAL_INFO: User = {
diff --git a/src/stores/params.ts b/src/stores/params.ts
index f387f206..8e9721df 100644
--- a/src/stores/params.ts
+++ b/src/stores/params.ts
@@ -2,8 +2,8 @@ import type {
   LogsParams,
   MemberManagementParams,
   RequestParams,
-  TeamBoardParams,
-  TaskBoardParams
+  TaskBoardParams,
+  TeamBoardParams
 } from '@/types/stores'
 import { defineStore } from 'pinia'
 import { ref, watch } from 'vue'
diff --git a/src/types/admin.ts b/src/types/admin.ts
index dac479ab..f278f0c3 100644
--- a/src/types/admin.ts
+++ b/src/types/admin.ts
@@ -44,21 +44,10 @@ export interface UserRegistrationProps {
   departmentId?: number
 }
 
-export interface UserInfoForAdmin extends UserRegistrationProps {
-  profileImageUrl: string
-  departmentName: string
-}
-
 export type RoleTypes = '관리자' | '사용자' | '담당자'
 
 export type RoleTypesEnum = 'ROLE_ADMIN' | 'ROLE_USER' | 'ROLE_MANAGER'
 
-export interface CategoryLineProps {
-  name?: string
-  code?: string
-  mainCategoryId?: string
-}
-
 export interface CategoryAllData {
   categories: Category[]
 }
diff --git a/src/types/auth.ts b/src/types/auth.ts
index 97648f14..9e24b088 100644
--- a/src/types/auth.ts
+++ b/src/types/auth.ts
@@ -15,8 +15,3 @@ export interface User {
     kakaoWork: boolean
   }
 }
-
-export interface loginDataTypes {
-  nickname: string
-  password: string
-}

From bdc7f9fba0d1f8d79d9552385956b4b47738eb33 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Tue, 18 Feb 2025 12:02:29 +0900
Subject: [PATCH 3/6] =?UTF-8?q?:recycle:=20[fix]=20:=20html=20lang=20ko=20?=
 =?UTF-8?q?=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index a35f738b..17943e9d 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="">
+<html lang="ko">
   <head>
     <meta charset="UTF-8" />
     <link

From 9397018944f7c2e3343302e56c7c220a4ed45179 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Tue, 18 Feb 2025 15:28:55 +0900
Subject: [PATCH 4/6] =?UTF-8?q?:recycle:=20[fix]=20:=20=EC=A2=85=EB=A3=8C?=
 =?UTF-8?q?=EC=83=81=ED=83=9C=20=EC=8B=9C=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20?=
 =?UTF-8?q?=EC=A7=80=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/task-detail/TaskDetailHistory.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/task-detail/TaskDetailHistory.vue b/src/components/task-detail/TaskDetailHistory.vue
index 9b31707c..89d570d2 100644
--- a/src/components/task-detail/TaskDetailHistory.vue
+++ b/src/components/task-detail/TaskDetailHistory.vue
@@ -25,11 +25,16 @@
             v-if="
               item.taskHistoryType === 'STATUS_SWITCHED' ||
               item.taskHistoryType === 'PROCESSOR_CHANGED' ||
-              item.taskHistoryType === 'PROCESSOR_ASSIGNED'
+              item.taskHistoryType === 'PROCESSOR_ASSIGNED' ||
+              item.taskHistoryType === 'TASK_TERMINATED'
             "
             class="flex w-full gap-1 justify-center text-body text-sm">
-            <p>{{ HistoryMessageBefore[item.taskHistoryType] }}</p>
-            <p class="text-primary1">
+            <p>
+              {{ HistoryMessageBefore[item.taskHistoryType] }}
+            </p>
+            <p
+              v-if="item.taskHistoryType !== 'TASK_TERMINATED'"
+              class="text-primary1">
               {{ item.details.taskDetails?.value }}
             </p>
             <p>{{ HistoryMessageAfter[item.taskHistoryType] }}</p>

From 392dc82d5bf97554e10da9b5481e145321afbf7c Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Tue, 18 Feb 2025 16:24:28 +0900
Subject: [PATCH 5/6] =?UTF-8?q?:recycle:=20[fix]=20:=20=EB=B0=98=EB=A0=A4?=
 =?UTF-8?q?=EC=82=AC=EC=9C=A0=2040=EC=9E=90=EB=A1=9C=20=EC=A0=9C=ED=95=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/ModalView.vue             | 8 +++++++-
 src/components/requested/RequestedListCard.vue  | 6 ++++++
 src/components/task-detail/TaskDetailTopBar.vue | 6 ++++++
 src/components/task-detail/TaskStatusList.vue   | 6 ++++++
 4 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/components/common/ModalView.vue b/src/components/common/ModalView.vue
index d870e19e..43fe9f21 100644
--- a/src/components/common/ModalView.vue
+++ b/src/components/common/ModalView.vue
@@ -9,7 +9,7 @@
         v-if="isOpen"
         class="bg-white rounded-lg shadow-lg px-8 py-8 fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-[99]">
         <div class="flex flex-col gap-8 w-[300px]">
-          <div class="flex flex-col gap-6">
+          <div class="flex flex-col gap-6 relative">
             <div class="flex flex-col items-center gap-2">
               <CommonIcons
                 v-if="type == 'successType'"
@@ -40,7 +40,13 @@
                 type === 'terminate' ? '종료 사유를 입력해주세요' : '반려 사유를 입력해주세요'
               "
               :class="{ 'border border-red-1 placeholder-red-500': isEmpty }"
+              maxlength="40"
               class="flex border w-full border-border-1 px-4 py-3 focus:outline-none resize-none h-[120px]" />
+            <p
+              v-if="type == 'inputType' || type === 'terminate'"
+              class="absolute text-xs top-[calc(100%+4px)] w-full flex justify-end text-body">
+              ({{ textValue.length }}/{{ 40 }})
+            </p>
           </div>
 
           <button
diff --git a/src/components/requested/RequestedListCard.vue b/src/components/requested/RequestedListCard.vue
index 287b5550..43de5049 100644
--- a/src/components/requested/RequestedListCard.vue
+++ b/src/components/requested/RequestedListCard.vue
@@ -114,6 +114,12 @@ const rejectRequest = async () => {
     backModal.value = true
     return
   }
+  if (rejectReason.value.length > 40) {
+    toggleModal('fail')
+    modalError.value = '40자 이내의 반려 사유를 입력해주세요'
+    backModal.value = true
+    return
+  }
   backModal.value = false
   await axiosInstance.patch(`/api/tasks/${info.taskId}/terminate`, {
     reason: DOMPurify.sanitize(rejectReason.value)
diff --git a/src/components/task-detail/TaskDetailTopBar.vue b/src/components/task-detail/TaskDetailTopBar.vue
index 67385233..65f1e5fc 100644
--- a/src/components/task-detail/TaskDetailTopBar.vue
+++ b/src/components/task-detail/TaskDetailTopBar.vue
@@ -151,6 +151,12 @@ const rejectRequest = async () => {
     backModal.value = true
     return
   }
+  if (rejectReason.value.length > 40) {
+    toggleModal('fail')
+    modalError.value = '40자 이내의 반려 사유를 입력해주세요'
+    backModal.value = true
+    return
+  }
   backModal.value = false
   await terminateTaskUser(id, rejectReason.value)
   modalSuccessMessage.value = '요청이 반려되었습니다'
diff --git a/src/components/task-detail/TaskStatusList.vue b/src/components/task-detail/TaskStatusList.vue
index e0a5b84f..f6e31645 100644
--- a/src/components/task-detail/TaskStatusList.vue
+++ b/src/components/task-detail/TaskStatusList.vue
@@ -101,6 +101,12 @@ const rejectRequest = async () => {
     backModal.value = true
     return
   }
+  if (rejectReason.value.length > 40) {
+    toggleModal('fail')
+    modalError.value = '40자 이내의 반려 사유를 입력해주세요'
+    backModal.value = true
+    return
+  }
   backModal.value = false
   await axiosInstance.patch(`/api/tasks/${taskId}/terminate`, {
     reason: DOMPurify.sanitize(rejectReason.value)

From 99d6c44446ca2fa2c06f663e4df6f781c9ed7ec1 Mon Sep 17 00:00:00 2001
From: Minkyu0424 <yng1404@gmail.com>
Date: Tue, 18 Feb 2025 23:38:21 +0900
Subject: [PATCH 6/6] =?UTF-8?q?:recycle:=20[fix]=20:=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=EB=93=9C=EB=B0=94=EA=B0=80=20=EC=97=B4=EB=A6=AC=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EB=8A=94=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/top-bar/TopBar.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/top-bar/TopBar.vue b/src/components/top-bar/TopBar.vue
index 183ef5eb..ba57c9d3 100644
--- a/src/components/top-bar/TopBar.vue
+++ b/src/components/top-bar/TopBar.vue
@@ -76,6 +76,7 @@ import MainLogo from '../common/MainLogo.vue'
 import NotificationIcon from '../icons/NotificationIcon.vue'
 import NotificationModal from './NotificationModal.vue'
 import ProfileModal from './ProfileModal.vue'
+import SideBar from './SideBar.vue'
 
 const memberStore = useMemberStore()
 const { isLogined, info } = storeToRefs(memberStore)