Vuesax: The close button of the dialog is not work.

[dasisyouyu]

:vs-active="$store.state.editBook.isActiveEditPopup"
Does not work if you refer directly to the state in the store like this

not work this.
vuesax/src/functions/vsDialog/index.vue :158
this.$emit('update:vsActive',false)

• macOS: 10.13.5
• node: v10.6.0
• Vuesax: 3.1.51
• Browser version: chrome 67.0.3396.99
• Which package manager did you use for the install?: yarn

[luisDanielRoviraContreras]

You could try adding something like this

:vs-active.sync="$store.state.editBook.isActiveEditPopup"

[dasisyouyu]

TY!!!! I was able to confirm that it works.

[dasisyouyu]

:vs-active.sync

//don't work.
@vs-cancel="$store.commit('addBook/addPopupToggle')"

addPopupToggle is popup show toggle flag.

[luisDanielRoviraContreras]

Try a method that internally calls the commit

[thukuwanjiku]

Not sure if I should ask this one here, but my vs-popup close button shows the word 'close' instead of 'x' (like those in the documentation). How do I fix this please?

[dasisyouyu]

@thukuwanjiku
https://lusaxweb.github.io/vuesax/vuesax/#use

npm install material-icons --save
import 'material-icons/iconfont/material-icons.css';

u have to import it separately

[luisDanielRoviraContreras]

@thukuwanjiku Did you manage to solve the source?

[thukuwanjiku]

Thank you for that @dasisyouyu Looks like I had forgot the import for the material icon css.
@luisDanielRoviraContreras yes, @dasisyouyu answer solved it for me.