diff --git a/src/layout/components/Hamburger/index.vue b/src/layout/components/Hamburger/index.vue
index 94dfb60..c593f31 100644
--- a/src/layout/components/Hamburger/index.vue
+++ b/src/layout/components/Hamburger/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { Expand, Fold } from "@element-plus/icons-vue"
 
-defineProps({
+const props = defineProps({
   isActive: {
     type: Boolean,
     default: false
@@ -20,7 +20,7 @@ const toggleClick = () => {
 <template>
   <div @click="toggleClick">
     <el-icon :size="20" class="icon">
-      <Fold v-if="isActive" />
+      <Fold v-if="props.isActive" />
       <Expand v-else />
     </el-icon>
   </div>
diff --git a/src/layout/components/Sidebar/SidebarLogo.vue b/src/layout/components/Sidebar/SidebarLogo.vue
index 348712e..67b2a07 100644
--- a/src/layout/components/Sidebar/SidebarLogo.vue
+++ b/src/layout/components/Sidebar/SidebarLogo.vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-defineProps({
+const props = defineProps({
   collapse: {
     type: Boolean,
     default: true
@@ -8,9 +8,9 @@ defineProps({
 </script>
 
 <template>
-  <div class="sidebar-logo-container" :class="{ collapse: collapse }">
+  <div class="sidebar-logo-container" :class="{ collapse: props.collapse }">
     <transition name="sidebarLogoFade">
-      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+      <router-link v-if="props.collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img src="@/assets/layout/logo.png" class="sidebar-logo" />
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">