title: How to calculate SVG viewBox via vue.js?
body: <p>how to automatically evaluate the viewbox of SVG via vue.js?</p>
  
  <p>My code:</p>
  
  <pre><code>Vue.component('icon', {
  props: {
      width: {
          type: Number,
          default: 24
      },
      height: {
          type: Number,
          default: 24
      },
      viewBox: {
          default: 0 0 + width + height
      }
  },
  template: '&lt;svg xmlns="http://www.w3.org/2000/svg" :viewBox="viewBox" :width="width" :height="height"&gt;&lt;/svg&gt;',
  })
  </code></pre>
  
  <p><strong>0 0 + width + height</strong> doesn't work, how to fix it? Im new in Vue.js.</p>
  
  <p>Thanks!</p>