How to modify props, or...?

Question

Vue.js

I am rewriting legacy to Vue and I want to do it as a prop

sitewide     = config.sitewide === true ? ';path=/' : ''

Those. if I pass a prop sitewide, then the value must be ';path=/', otherwise it's an empty string. It is not clear how it is better to do this so as not to cut an additional variable?

Answer 1

props: {
  siteWide: {
    type: Boolean,
    default: false,
  }
},
computed: {
  siteWidePath() {
    return this.siteWide ? ';path=/' : '';
  }
}