pass showKeys as prop to merchant-details child and use emit to toggle (#105)

previously, index and its child compoment merchant-details had their own
booleans and their values were not synched. Using a prop avoids this
problem
This commit is contained in:
PatMulligan 2024-10-25 14:19:13 +02:00 committed by GitHub
parent 8efcd07203
commit cf82ed478d
4 changed files with 8 additions and 9 deletions

View file

@ -2,18 +2,16 @@ async function merchantDetails(path) {
const template = await loadTemplateAsync(path)
Vue.component('merchant-details', {
name: 'merchant-details',
props: ['merchant-id', 'adminkey', 'inkey'],
props: ['merchant-id', 'adminkey', 'inkey','showKeys'],
template,
data: function () {
return {
showKeys: false
}
},
methods: {
toggleMerchantKeys: async function () {
this.showKeys = !this.showKeys
this.$emit('show-keys', this.showKeys)
toggleShowKeys: async function () {
this.$emit('toggle-show-keys')
},
republishMerchantData: async function () {