Improved: added comment why events is used and indentation (#126)

hotwax · Sep 6, 2023 · 0dbec54 · 0dbec54
1 parent e925855
commit 0dbec54
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/MenuFooterNavigation.vue b/src/components/MenuFooterNavigation.vue
@@ -1,4 +1,3 @@
-
 <template>
   <ion-footer>
     <ion-toolbar>
@@ -10,6 +9,7 @@
       </ion-item>
       <!-- showing product stores only when there are multiple options to choose from. -->
       <ion-item v-if="appUserState.userProfile?.stores?.length > 2" lines="none">
+        <!-- WHY EVENTS ($emit) IS USED WITH ION CHANGE: https://michaelnthiessen.com/pass-function-as-prop/ -->
         <ion-select interface="popover" :value="appUserState.currentEComStore.productStoreId" @ionChange="$emit('changeEcomStore', $event)">
           <ion-select-option v-for="store in (appUserState.userProfile?.stores ? appUserState.userProfile.stores : [])" :key="store.productStoreId" :value="store.productStoreId">{{ store.storeName }}</ion-select-option>
         </ion-select>