diff --git a/README.md b/README.md index 038d07e5..7c5e6d86 100644 --- a/README.md +++ b/README.md @@ -45,6 +45,9 @@ pnpm build:vfm # Run both docs and viteplay pnpm dev +# Run dev for vue-final-modal +pnpm dev:vfm + # Run docs: http://localhost:3000/ pnpm dev:docs diff --git a/docs/app.config.ts b/docs/app.config.ts index 599232c4..b78223c5 100644 --- a/docs/app.config.ts +++ b/docs/app.config.ts @@ -2,19 +2,21 @@ export default defineAppConfig({ docus: { title: 'Vue Final Modal', description: 'Vue Final Modal is the most powerful yet most light-weight modal library for Vue 3', - layout: 'docs', + layout: 'default', image: 'https://vue-final-modal.org/preview.png', url: 'https://vue-final-modal.org', socials: { twitter: '@hunterliu1003', github: 'vue-final/vue-final-modal', }, - github: true, aside: { level: 1, }, header: { - logo: true, + logo: { + dark: '/logo-new.svg', + light: '/logo-new.svg', + }, }, footer: {}, }, diff --git a/docs/components/content/LoginFormVorms.vue b/docs/components/content/LoginFormVorms.vue index 2cab54c8..2c4431e3 100644 --- a/docs/components/content/LoginFormVorms.vue +++ b/docs/components/content/LoginFormVorms.vue @@ -33,7 +33,9 @@ const { value: remember, attrs: rememberAttrs } = register('remember') - - diff --git a/docs/components/content/ModalBottom.vue b/docs/components/content/ModalBottom.vue index baf78fc0..4fc0d8e1 100644 --- a/docs/components/content/ModalBottom.vue +++ b/docs/components/content/ModalBottom.vue @@ -4,6 +4,10 @@ import { VueFinalModal } from 'vue-final-modal' defineProps<{ title?: string }>() + +const emit = defineEmits<{ + (e: 'close'): void +}>() diff --git a/docs/components/content/Playground.vue b/docs/components/content/Playground.vue index b46b9d07..3f6475db 100644 --- a/docs/components/content/Playground.vue +++ b/docs/components/content/Playground.vue @@ -12,6 +12,7 @@ const getInitialValues = () => ({ escToClose: true, background: 'non-interactive', lockScroll: true, + reserveScrollBarGap: true, swipeToClose: 'none', }) @@ -71,6 +72,9 @@ function reset() {

lockScroll:

+

reserveScrollBarGap:

+ +

swipeToClose: