@abi-software/gallery 0.2.1-beta-2 → 0.2.1-beta-3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/gallery",
-  "version": "0.2.1-beta-2",
+  "version": "0.2.1-beta-3",
   "repository": {
     "type": "git",
     "url": "https://github.com/hsorby/mapcore-gallery.git"

package/src/components/Card.vue

@@ -33,6 +33,14 @@
 </template>
 
 <script>
+import Vue from "vue";
+import { Card, Button, Tooltip, Loading } from "element-ui";
+
+Vue.use(Card)
+Vue.use(Button)
+Vue.use(Tooltip)
+Vue.use(Loading)
+
 export default {
   name: 'GalleryCard',
   props: {

package/src/components/Gallery.vue

@@ -6,8 +6,8 @@
       </a>
       <div class="filler" />
       <div class="card-line">
-        <span v-for="(item, index) in windowedItems" :key="'card_' + index" :class="['key-image-span', { active: isActive(index) }]">
-          <card  :entry="item" :width="cardWidth" :height="cardHeight" :show-card-details="showCardDetails" />
+        <span v-for="(item, index) in windowedItems" :key="'span_' + index" :class="['key-image-span', { active: isActive(index) }]">
+          <card v-if="item !== undefined" :key="'card_' + index" :entry="item" :width="cardWidth" :height="cardHeight" :show-card-details="showCardDetails" />
         </span>
       </div>
       <div class="filler" />
@@ -43,7 +43,7 @@ export default {
     },
     maxWidth: {
       type: Number,
-      default: 600
+      default: 3
     },
     cardWidth: {
       type: Number,

package/src/main.js

@@ -1,8 +1,2 @@
-import Vue from 'vue'
-import App from './App.vue'
-
-Vue.config.productionTip = false
-
-new Vue({
-  render: h => h(App),
-}).$mount('#app')
+import Gallery from './components/Gallery.vue'
+export default Gallery