ABI-Software Gallery

This component is now built with Vue3 and Vite, Vue2 is no longer maintained but the source code can be found in this branch.

In App.vue - (Options API)

<template>
    <div>
      <Gallery :items="dataInput" @card-clicked="cardClicked" />
    </div>
</template>

<script>
import Gallery from './components/Gallery.vue'
import "@abi-software/gallery/dist/style.css";
export default {
  name: "App",
  components: {
    Gallery,
  },
  ...
}

When using the mixin

Contains the defaultImg source and the getRequest function for fetching the dataset images.

<script>
/* eslint-disable no-alert, no-console */
import GalleryHelper from "@abi-software/gallery/src/mixins/GalleryHelpers";
export default {
  mixins: [ GalleryHelper ],
  ...
}

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run serve

Compile and Minify for Production

npm run build-bundle

Lint with ESLint

npm run lint

alan-wu/mapcore-gallery