hookehuyr

refactor(OrdersPage): 使用 useRoute 和 useTitle 优化页面标题设置

在 OrdersPage.vue 中引入 useRoute 和 useTitle,以动态设置页面标题,提升用户体验并简化代码结构。
...@@ -67,9 +67,14 @@ ...@@ -67,9 +67,14 @@
67 67
68 <script setup> 68 <script setup>
69 import { ref } from 'vue' 69 import { ref } from 'vue'
70 -import { useRouter } from 'vue-router' 70 +import { useRoute, useRouter } from 'vue-router';
71 import AppLayout from '@/components/layout/AppLayout.vue' 71 import AppLayout from '@/components/layout/AppLayout.vue'
72 import FrostedGlass from '@/components/ui/FrostedGlass.vue' 72 import FrostedGlass from '@/components/ui/FrostedGlass.vue'
73 +import { useTitle } from '@vueuse/core';
74 +
75 +const $route = useRoute();
76 +const $router = useRouter();
77 +useTitle($route.meta.title);
73 78
74 const router = useRouter() 79 const router = useRouter()
75 const loading = ref(false) 80 const loading = ref(false)
......