title: Vue.js image src binding / switch statement
body: <p>new to Vue.js, wondering if this code I have written is valid and would function as expected. I am working on a project that has numerous "brands" so based on the brand name that is coming from vue.store the image related to that brand would show. This works when binding class to an element but I have not yet tried with :src binding images based on switch case. Is there a better way to achieve this?</p>
  
  <p>HTML:</p>
  
  <pre><code>  &lt;img :src="brandImg" class="brandImgOne" alt=brand "image" /&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>computed: {
     brandImg() {
        let brandImg = '';
        let thisBrand = this.$store.state.ui.theme.brand;
        switch (thisBrand) {
            case 'brandOne':
            brandIcon = '/img/iconOne.png';
            break;
            case 'brandTwo':
            brandIcon = '/img/iconTwo.png';
            break;
            case 'brandThree':
            brandIcon = '/img/iconThree.png';
            break;
            default:
            console.warn('not configured`);
            break;
        }
           return brandIcon;
       }
     }
  </code></pre>