From c45ab3c4a5c98469704113ef9bf80d7e953915f8 Mon Sep 17 00:00:00 2001
From: Will Patterson <wpatter6@gmail.com>
Date: Tue, 23 Apr 2019 12:18:14 -0600
Subject: [PATCH] Adding key to loop elements, reducing util import

---
 components/MultiDrawer.vue | 10 ++++++----
 package.json               |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/components/MultiDrawer.vue b/components/MultiDrawer.vue
index 317cb70..ab73449 100644
--- a/components/MultiDrawer.vue
+++ b/components/MultiDrawer.vue
@@ -17,19 +17,21 @@
                         @tap="noop"
                         @pan="onDrawerPan(side, $event)"
                         :ref="`${side}Drawer`"
-                        :style="computedDrawerStyle(side)">
+                        :style="computedDrawerStyle(side)"
+                        :key="'grid_'+side">
                 <slot :name="side"/>
             </GridLayout>
             <!-- Open Trigger -->
             <Label v-show="computedShowSwipeOpenTrigger(side)"
                    v-bind="computedSwipeOpenTriggerProperties(side)"
-                   @pan="onOpenTriggerPan(side, $event)"/>
+                   @pan="onOpenTriggerPan(side, $event)"
+                   :key="'label_'+side"/>
         </template>
     </GridLayout>
 </template>
 
 <script>
-  import * as utils from 'tns-core-modules/utils/utils'
+  import {layout} from 'tns-core-modules/utils/utils'
   import mergeOptions from 'merge-options'
   import {defaultOptions} from "../index";
 
@@ -236,7 +238,7 @@
         const view = this.$refs[`${side}Drawer`][0].nativeView
         this.sides[side].translationOffset =
           this.optionsInternal[side].translationOffsetMultiplier *
-          utils.layout.toDeviceIndependentPixels(
+          layout.toDeviceIndependentPixels(
             this.optionsInternal[side].axis === 'X'
               ? view.getMeasuredWidth()
               : view.getMeasuredHeight()
diff --git a/package.json b/package.json
index 75987d1..fc381ee 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nativescript-vue-multi-drawer",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A NativeScript-Vue component for creating multiple side drawers",
   "main": "index.js",
   "files": [