@myissue/vue-website-page-builder/src/composables/usePageBuilderModal.ts

Vue 3 page builder component with drag & drop functionality.

import { inject } from 'vue'

// Composable for managing PageBuilder modals
export function usePageBuilderModal() {
  // Get the close function provided by the PageBuilder component
  const closeAddComponentModal = inject<(() => void) | null>('closeAddComponentModal', null)
  const closeMediaLibraryModal = inject<(() => void) | null>('closeMediaLibraryModal', null)

  return {
    closeAddComponentModal:
      closeAddComponentModal ||
      (() => {
        console.warn(
          'closeAddComponentModal function not available. Make sure you are using this within a PageBuilder context.',
        )
      }),
    closeMediaLibraryModal:
      closeMediaLibraryModal ||
      (() => {
        console.warn(
          'closeMediaLibraryModal function not available. Make sure you are using this within a MediaLibraryModal context.',
        )
      }),
  }
}