updated to use shorthands
MODIFY
templates/Web/Pages/Vue.Grid/src/views/VueGrid.vue
templates/Web/Pages/Vue.Grid/src/views/VueGrid.vue
<div class="row justify-content-around text-center pb-5">
<GridComponent
v-for="textAsset in gridTextAssets"
- v-bind:key="textAsset.id"
- v-bind:header="textAsset.title"
- v-bind:description="textAsset.shortDescription"
+ :key="textAsset.id"
+ :header="textAsset.title"
+ :description="textAsset.shortDescription"
/>
</div>
</div>
</main>
<WarningMessage
v-if="WarningMessageOpen"
- v-on:onWarningClose="handleWarningClose"
- v-bind:text="WarningMessageText"
+ @onWarningClose="handleWarningClose"
+ :text="WarningMessageText"
/>
</div>
</template>
@@ -78,9 +78,7 @@ export default {
})
.catch(error => {
this.WarningMessageOpen = true;
- this.WarningMessageText = `${
- CONSTANTS.ERROR_MESSAGE.GRID_GET
- } ${error}`;
+ this.WarningMessageText = `${CONSTANTS.ERROR_MESSAGE.GRID_GET} ${error}`;
});
},
handleWarningClose() {

MODIFY
templates/Web/Pages/Vue.List/src/components/ListItem.vue
templates/Web/Pages/Vue.List/src/components/ListItem.vue
class="close py-2"
data-dismiss="alert"
aria-label="Close"
- v-on:click="$emit('onDeleteListItem', listItem)"
+ @click="$emit('onDeleteListItem', listItem)"
>
<div aria-hidden="true">&times;</div>
</button>

MODIFY
templates/Web/Pages/Vue.List/src/views/VueList.vue
templates/Web/Pages/Vue.List/src/views/VueList.vue
<h3>Bootstrap VueList Template</h3>
</div>
<div class="col-12 p-0">
- <ListForm v-on:onAddListItem="handleAddListItem" v-model="textField"/>
+ <ListForm @onAddListItem="handleAddListItem" v-model="textField" />
</div>
<ListItem
v-for="listItem in list"
- v-bind:key="listItem._id"
- v-bind:listItem="listItem"
- v-on:onDeleteListItem="handleDeleteListItem"
+ :key="listItem._id"
+ :listItem="listItem"
+ @onDeleteListItem="handleDeleteListItem"
/>
<WarningMessage
v-if="WarningMessageOpen"
- v-on:onWarningClose="handleWarningClose"
- v-bind:text="WarningMessageText"
+ @onWarningClose="handleWarningClose"
+ :text="WarningMessageText"
/>
</div>
</main>
@@ -62,9 +62,7 @@ export default {
.then(result => (this.list = result))
.catch(error => {
this.WarningMessageOpen = true;
- this.WarningMessageText = `${
- CONSTANTS.ERROR_MESSAGE.LIST_GET
- } ${error}`;
+ this.WarningMessageText = `${CONSTANTS.ERROR_MESSAGE.LIST_GET} ${error}`;
});
},
handleAddListItem() {
@@ -94,9 +92,7 @@ export default {
})
.catch(error => {
this.WarningMessageOpen = true;
- this.WarningMessageText = `${
- CONSTANTS.ERROR_MESSAGE.LIST_ADD
- } ${error}`;
+ this.WarningMessageText = `${CONSTANTS.ERROR_MESSAGE.LIST_ADD} ${error}`;
});
},
handleDeleteListItem(listItem) {
@@ -112,9 +108,7 @@ export default {
})
.catch(error => {
this.WarningMessageOpen = true;
- this.WarningMessageText = `${
- CONSTANTS.ERROR_MESSAGE.LIST_DELETE
- } ${error}`;
+ this.WarningMessageText = `${CONSTANTS.ERROR_MESSAGE.LIST_DELETE} ${error}`;
});
},
handleWarningClose() {

MODIFY
templates/Web/Pages/Vue.MasterDetail/src/views/VueMasterDetail.vue
templates/Web/Pages/Vue.MasterDetail/src/views/VueMasterDetail.vue
<div class="list-group list-group-flush border-bottom">
<MasterDetailSideBarTab
v-for="(textAssets, index) in masterDetailText"
- v-on:onDisplayTabClick="handleDisplayTabClick"
- v-bind:tabText="textAssets.title"
- v-bind:index="index"
- v-bind:key="textAssets.id"
+ @onDisplayTabClick="handleDisplayTabClick"
+ :tabText="textAssets.title"
+ :index="index"
+ :key="textAssets.id"
/>
</div>
</div>
- <MasterDetailPage v-bind:textSampleData="masterDetailText[currentDisplayTabIndex]"/>
+ <MasterDetailPage :textSampleData="masterDetailText[currentDisplayTabIndex]" />
</div>
</main>
<WarningMessage
v-if="WarningMessageOpen"
- v-on:onWarningClose="handleWarningClose"
- v-bind:text="WarningMessageText"
+ @onWarningClose="handleWarningClose"
+ :text="WarningMessageText"
/>
</div>
</template>
@@ -73,9 +73,7 @@ export default {
})
.catch(error => {
this.WarningMessageOpen = true;
- this.WarningMessageText = `${
- CONSTANTS.ERROR_MESSAGE.MASTERDETAIL_GET
- } ${error}`;
+ this.WarningMessageText = `${CONSTANTS.ERROR_MESSAGE.MASTERDETAIL_GET} ${error}`;
});
},
handleWarningClose() {

updated to use shorthands (#984)