ABI-Software Image Dialog

This component shows images on dialog with two options: gallery style or iframe.

Installation

npm install @abi-software/image-dialog

Usage

<template>
  <ImageDialog
    :imageIframeURL="iframeURL"
    :imageGalleryItems="galleryItems"
    :imageDialogOpen="dialogOpen"
  />
</template>

<script>
  import ImageDialog from '@abi-software/image-dialog'
  import '@abi-software/image-dialog/dist/style.css'

  export default {
    name: 'App',
    components: {
      ImageDialog
    },
    data: function () {
      return {
        iframeURL: '',
        galleryItems: [],
        dialogOpen: true
      }
    }
  }
</script>

Development

npm install

Local development server (on port:8081)

npm run serve

Build bundle

npm run build-bundle

ESLint

npm run lint

Vue 3 + Vite

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Vue - Official (previously Volar) and disable Vetur