From f51a8da08d287267f9d05de4845f702b7732bb64 Mon Sep 17 00:00:00 2001
From: LeeChan <114982593+rookie-orange@users.noreply.github.com>
Date: Sat, 13 Apr 2024 00:03:24 +0800
Subject: [PATCH] docs: add `vaul-vue` scale background note (#481)

---
 apps/www/src/content/docs/components/drawer.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/www/src/content/docs/components/drawer.md b/apps/www/src/content/docs/components/drawer.md
index 55b6f0c2..20dcf43c 100644
--- a/apps/www/src/content/docs/components/drawer.md
+++ b/apps/www/src/content/docs/components/drawer.md
@@ -53,6 +53,13 @@ import {
   </Drawer>
 </template>
 ```
+### Scale Background
+
+If you want the background to have a zoom effect, you need to add the `vaul-drawer-wrapper` attribute to the root component.
+
+```html
+<div vaul-drawer-wrapper id="app"></div>
+```
 
 ## Examples