feat(docs): update to 1.1.0-beta.1

Author: MichaelGitArt

packages/docs/package.json

@@ -15,7 +15,7 @@
     "@mdi/js": "^5.9.55",
     "@vueuse/core": "^6.0.0",
     "balm-ui": "9.37.2",
-    "gitart-vue-dialog": "1.0.3",
+    "gitart-vue-dialog": "1.1.0-beta.1",
     "markdown-it-container": "^3.0.0",
     "prismjs": "^1.24.1",
     "sass": "^1.38.0"

packages/docs/src/components/Examples/Guide/UsageActivatorExample.vue

@@ -0,0 +1,44 @@
+<template>
+  <ButtonWrapper>
+    <GDialog
+      v-model="value"
+      max-width="500"
+    >
+      <template #activator="attrs">
+        <UiButton v-bind="attrs">
+          Open Dialog
+        </UiButton>
+      </template>
+
+      <div class="usage-slot-dialog">
+        <p>
+          Using slot
+        </p>
+
+        <UiButton @click="value = false">
+          Close
+        </UiButton>
+      </div>
+    </GDialog>
+  </ButtonWrapper>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+    const value = ref(false)
+
+    return {
+      value,
+    }
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.usage-slot-dialog {
+  padding: 0 30px 20px;
+}
+</style>

packages/docs/src/docs/components/g-dialog.md

@@ -193,7 +193,62 @@ Sets width for the dialog
 | Name | Description |
 |:---|:---|
 | default | The default Vue slot |
+| activator | When used, will activate the component when clicked |
 
+### `default`
+- **Scoped Data:**
+
+    ```js
+    undefined
+    ```
+
+- **Details:** 
+
+  Just put your content inside `<GDialog>`
+
+---
+
+### `activator`
+- **Scoped Data:**
+
+    ```js
+    {
+      onClick: () => {}
+      on: () => {}
+    }
+    ```
+
+- **Details:** 
+
+  `onClick` will open your dialog. Bind scoped data to an element 
+
+  ```html
+  <GDialog>
+    <template #activator="attrs">
+      <button v-bind="attrs">
+        open
+      </button>
+    </template>
+
+    Content
+  </GDialog>
+  ```
+
+  or call `onClick` manually with another event
+
+  ```html
+  <GDialog>
+    <template #activator="{ onClick }">
+      <button @mouseenter="onClick">
+        open
+      </button>
+    </template>
+
+    Content
+  </GDialog>
+  ```
+
+---
 
 ## Events
 

packages/docs/src/docs/guide/component-usage.md

@@ -79,6 +79,14 @@ Pretty **ugly** dialog, right? Let's add background and some content. Take a loo
 
 ## Examples
 
+### Activator slot 
+
+`v1.1.0`
+
+In some cases, you only need one button to open a dialog. An activator slot can help here
+
+<Example file="Guide/UsageActivatorExample" />
+
 ### Fullscreen
 
 Due to limited space, full-screen dialogs may be more appropriate for mobile devices

packages/docs/src/imports.ts

@@ -14,6 +14,13 @@ export const imports = {
     }
   },
 
+  async 'Guide/UsageActivatorExample'() {
+    return {
+      component: (await import('./components/Examples/Guide/UsageActivatorExample.vue')).default,
+      raw: (await import('./components/Examples/Guide/UsageActivatorExample.vue?raw')).default,
+    }
+  },
+
   async 'Guide/UsageFullscreenExample'() {
     return {
       component: (await import('./components/Examples/Guide/UsageFullscreenExample.vue')).default,

packages/docs/yarn.lock

@@ -1407,10 +1407,10 @@ get-intrinsic@^1.0.2:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
-gitart-vue-dialog@1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/gitart-vue-dialog/-/gitart-vue-dialog-1.0.3.tgz#216cf3bced44146616aa63a6c9af92babd597843"
-  integrity sha512-fmLKtJcwXIh8SB2kJYN//B9gySpPKpr8avdeTFeHGmJJuZVCnjn7QXiEGqUI9srqnfB7ZAixHaKdiepBRm4Qgg==
+gitart-vue-dialog@1.1.0-beta.1:
+  version "1.1.0-beta.1"
+  resolved "https://registry.yarnpkg.com/gitart-vue-dialog/-/gitart-vue-dialog-1.1.0-beta.1.tgz#06a980354e0bc308c8ba8fb544ecc8171868aba4"
+  integrity sha512-Hqk0CIuxH880A6eoz8xFi/jTTAx9vZSCeTFqAxVHx46PSm23EySL8gfYb45JpRaTCpdp3q8nAPv5XxdhQnf3Gw==
 
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"