🔀 [doc/dialog] update dialog doc

* 📄 [doc/dialog] update dialog doc
* 🚨 [dialog] fix code lint errors

Author: youuss

doc/demos/message/dialog/modelValue.vue

@@ -0,0 +1,18 @@
+<script setup lang="ts">
+import { useDialog } from 'shuimo-ui/index';
+
+const { visible, showDialog } = useDialog();
+</script>
+
+<template>
+  <m-button @click="showDialog">点击这里</m-button>
+  <m-dialog v-model:visible="visible">
+    <div>
+      <h1>这里是dialog</h1>
+    </div>
+  </m-dialog>
+</template>
+
+<style scoped>
+
+</style>

doc/pages/docs/components/message/dialog.md

@@ -16,6 +16,10 @@
 
 ::: demo message/dialog/closingControl
 
+### {{$t(\'双向绑定\')}}
+
+::: demo message/dialog/modelValue
+
 ## API
 
 ::: api message/dialog

playground/src/lib/Message.vue

@@ -17,6 +17,13 @@
           <h1>这里是dialog</h1>
         </div>
       </m-dialog>
+
+      <m-button @click="showDialog">点击这里打开</m-button>
+      <m-dialog v-model:visible="visible">
+        <div>
+          <h1>这里是dialog</h1>
+        </div>
+      </m-dialog>
     </ComponentsWrap>
     <ComponentsWrap name="Drawer">
       <m-drawer>
@@ -72,6 +79,9 @@
  */
 import { MConfirm, MMessage } from 'shuimo-ui/index';
 import ComponentsWrap from '../components/ComponentsWrap.vue';
+import { useDialog } from "shuimo-ui/index";
+
+const { visible, showDialog, closeDialog } = useDialog();
 
 const activeConfirm = async () => {
   const res = await MConfirm({ content: '测试' });