// 安裝依賴 npm i // 啟動本地端 npm run dev // 啟動本地端(生產環境) npm run dev:prod // 打包 npm run build // 打包(生產環境) npm run build:dev

- Pinia - UnoCSS - FontAwesome - Sweetalert2 - VueUse - Gsap

<script lang="ts" setup> const { FETCH_ROOM } = useApi(); cosnt roomList = useState([]); async function getRoomList() { const query = { pageNo: 1, pageSize: 20 } const { result } = await FETCH_ROOM(query) roomList.value = result.orders.data; } // 執行 Function await getRoomList(); // 客戶端渲染 onMounted(() => { nextTick(() => { getList(); }); }); </script>

import { AbortApi } from '~~/utils' import { LoadingStore } from '~/stores' export default defineNuxtRouteMiddleware(() => { LoadingStore().FN_REMOVE_ALL_LOADING AbortApi.cancelAllPending() })