Fix build error

Co-authored-by: ZhangQiankun <[email protected]>

Author: ZhangQiankun2025

pnpm-lock.yaml

@@ -18,6 +18,8 @@
 </template>
 
 <script setup lang="ts">
+import { onBeforeMount, ref } from 'vue'
+import { useRoute } from 'vue-router'
 import enUS from 'ant-design-vue/es/locale/en_US'
 import dayjs from 'dayjs'
 import 'dayjs/locale/en'

src/App.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script setup lang="ts" name="500">
+import { useRouter } from 'vue-router'
 import { HOME_URL } from '@/config/index'
 const router = useRouter()
 </script>

src/components/ErrorMessage/FiveHundred.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script setup lang="ts" name="404">
+import { useRouter } from 'vue-router'
 import { HOME_URL } from '@/config/index'
 const router = useRouter()
 </script>

src/components/ErrorMessage/FourFour.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script setup lang="ts" name="403">
+import { useRouter } from 'vue-router'
 import { HOME_URL } from '@/config/index'
 const router = useRouter()
 </script>

src/components/ErrorMessage/FourThree.vue

@@ -6,6 +6,7 @@
 
 <script setup lang="ts" name="SvgIcon">
 import type { CSSProperties } from 'vue'
+import { computed } from 'vue'
 
 interface ISvgProps {
   name: string // icon name — required

src/components/SvgIcon/SvgIcon.vue

@@ -3,6 +3,7 @@ import { useAppStore } from '@/stores/modules/app'
 import CloudHeader from './components/CloudHeader.vue'
 import CloudAside from './components/CloudAside.vue'
 import CloudFooter from './components/CloudFooter.vue'
+import { ref, computed } from 'vue'
 
 const cloudAsideRef = ref<{ isCollapse: boolean }>()
 const AppStore = useAppStore()

src/components/layouts/CloudLayout.vue

@@ -1,4 +1,7 @@
 <script setup lang="ts">
+
+import { computed } from 'vue'
+
 const props = defineProps(['menuInfo'])
 const emit = defineEmits(['menuItemClick'])
 

src/components/layouts/components/ChildMenu.vue

@@ -3,7 +3,8 @@ import ChildMenu from './ChildMenu.vue'
 import { staticRouter } from '@/router/modules/staticRouter'
 import { useAppStore } from '@/stores/modules/app'
 import { isUrl } from '@/utils/is'
-import type { RouteRecordRaw } from 'vue-router'
+import { useRouter, useRoute, type RouteRecordRaw } from 'vue-router'
+import { ref, computed, watch } from 'vue'
 
 const router = useRouter()
 const route = useRoute()

src/components/layouts/components/CloudAside.vue

@@ -39,6 +39,7 @@
 </template>
 
 <script setup lang="ts">
+import { useRouter } from 'vue-router'
 // import { PoweroffOutlined } from '@ant-design/icons-vue'
 import { useUserStore } from '@/stores/modules/user'
 // import { UserOutlined } from '@ant-design/icons-vue'