refactor(projects): refactor unocss shortcuts: wh-full => size-full

src/components/common/exception-base.vue

@@ -29,7 +29,7 @@ const icon = computed(() => iconMap[props.type]);
 </script>
 
 <template>
-  <div class="flex-vertical-center gap-24px min-h-520px wh-full overflow-hidden">
+  <div class="flex-vertical-center gap-24px min-h-520px size-full overflow-hidden">
     <div class="flex text-400px text-primary">
       <SvgIcon :local-icon="icon" />
     </div>

src/components/custom/look-forward.vue

@@ -7,7 +7,7 @@ defineOptions({
 </script>
 
 <template>
-  <div class="flex-vertical-center gap-24px min-h-520px wh-full overflow-hidden">
+  <div class="flex-vertical-center gap-24px min-h-520px size-full overflow-hidden">
     <div class="flex text-400px text-primary">
       <SvgIcon local-icon="expectation" />
     </div>

src/components/custom/wave-bg.vue

@@ -16,7 +16,7 @@ const darkColor = computed(() => getColorPalette(props.themeColor, 6));
 </script>
 
 <template>
-  <div class="absolute-lt z-1 wh-full overflow-hidden">
+  <div class="absolute-lt z-1 size-full overflow-hidden">
     <div class="absolute -right-300px -top-900px <sm:(-right-100px -top-1170px)">
       <svg height="1337" width="1337">
         <defs>

src/layouts/modules/global-sider/index.vue

@@ -23,7 +23,7 @@ const showLogo = computed(() => !isVerticalMix.value && !isHorizontalMix.value);
 </script>
 
 <template>
-  <DarkModeContainer class="flex-vertical-stretch wh-full shadow-sider" :inverted="darkMenu">
+  <DarkModeContainer class="flex-vertical-stretch size-full shadow-sider" :inverted="darkMenu">
     <GlobalLogo
       v-if="showLogo"
       :show-title="!appStore.siderCollapse"

src/layouts/modules/global-tab/index.vue

@@ -159,7 +159,7 @@ init();
 </script>
 
 <template>
-  <DarkModeContainer class="flex-y-center wh-full px-16px shadow-tab">
+  <DarkModeContainer class="flex-y-center size-full px-16px shadow-tab">
     <div ref="bsWrapper" class="flex-1-hidden h-full">
       <BetterScroll ref="bsScroll" :options="{ scrollX: true, scrollY: false, click: appStore.isMobile }">
         <div

src/views/_builtin/login/index.vue

@@ -57,7 +57,7 @@ const bgColor = computed(() => {
 </script>
 
 <template>
-  <div class="relative flex-center wh-full overflow-hidden" :style="{ backgroundColor: bgColor }">
+  <div class="relative flex-center size-full overflow-hidden" :style="{ backgroundColor: bgColor }">
     <WaveBg :theme-color="bgThemeColor" />
     <NCard :bordered="false" class="relative w-auto rd-12px z-4">
       <div class="w-400px <sm:w-300px">