From f26a4cae10a3a2dc6591be642ff7d8bebf6fc943 Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Tue, 31 Oct 2023 10:04:31 +0800
Subject: [PATCH] feat: unocss add shortcuts

---
 src/components/Qrcode/src/Qrcode.vue | 2 +-
 src/layout/Layout.vue                | 2 +-
 uno.config.ts                        | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index f0ce7b79..cdfe4284 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -227,7 +227,7 @@ const disabledClick = () => {
     <div
       v-if="disabled"
       :class="`${prefixCls}--disabled`"
-      class="absolute left-0 top-0 h-full w-full flex items-center justify-center"
+      class="wh-full absolute left-0 top-0 flex items-center justify-center"
       @click="disabledClick"
     >
       <div class="absolute left-[50%] top-[50%] font-bold">
diff --git a/src/layout/Layout.vue b/src/layout/Layout.vue
index 43f9b69d..313cab1e 100644
--- a/src/layout/Layout.vue
+++ b/src/layout/Layout.vue
@@ -50,7 +50,7 @@ export default defineComponent({
       <section class={[prefixCls, `${prefixCls}__${layout.value}`, 'w-[100%] h-[100%] relative']}>
         {mobile.value && !collapse.value ? (
           <div
-            class="absolute left-0 top-0 z-99 h-full w-full bg-[var(--el-color-black)] opacity-30"
+            class="wh-full absolute left-0 top-0 z-99 bg-[var(--el-color-black)] opacity-30"
             onClick={handleClickOutside}
           ></div>
         ) : undefined}
diff --git a/uno.config.ts b/uno.config.ts
index 0645fe68..8b874a4a 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -101,5 +101,8 @@ ${selector}:after {
     ]
   ],
   presets: [presetUno({ dark: 'class', attributify: false })],
-  transformers: [transformerVariantGroup()]
+  transformers: [transformerVariantGroup()],
+  shortcuts: {
+    'wh-full': 'w-full h-full'
+  }
 })