Reset content after scan (on "unPause")

Awesome component, thanks!

However I would like the option to redeem the same code again (in my case after it has been paused), something that isn’t possible at the moment because of:

watch: {
    content (newValue) {
      this.$emit('decode', newValue)
    },
   ...
}

Since this.content isn’t updated once it’s set

A solution might be to add an ‘resetOnUnpause’-prop and add ‘paused’ to ‘watch’:

props: {
     ...,
    resetOnUnpause : {
      type: Boolean,
      default: false,
    },
  }

watch: {
   paused(newValue) {
      if (this.resetOnUnpause && !newValue)
         this.content = null
   }
}

Is this something you might be willing to add or should I contribute myself?

Thanks again!

[gruhn]

Ok, I see…

I guess the only other way for now is using v-if to destroy the component while validating on your server which is just little bit better than reloading the hole page but not much better.

<qrcode-reader v-if="notValidatingRightNow" />

I totally understand if this is to much of an edge case, and might clutter this otherwise very clean component.

Thanks, and yeah. I’d like to keep everything as clean and tidy as possible. But of course this component should be as useful as possible too.

I actually like your solution there. I think it makes sense to do that by default. Not even conditionally with a prop. What do think could go wrong?

[gruhn]

🎉 This issue has been resolved in version 1.0.0 🎉

The release is available on:

• npm package (@alpha.0 dist-tag)
• GitHub release

Your semantic-release bot 📦🚀