title: How can i use constants in vuejs template?
body: <p>how can i use constants in the template of the vuejs?</p>
  <p>this is my code, I'm declaring this constants <code>import TIPS from '../../constants/tipsConstants'</code> and i want to use in the template like this <code>onWhiteListedMint(TIPS.TIP_A)</code></p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
    &lt;el-row class=&quot;row&quot; justify=&quot;center&quot;&gt;
      {{ACTION_CARD.ACTION_A}}
      &lt;CustomCard
        @onClick=&quot;isListed(TIPS.TIP_A)&quot;
      /&gt;
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>import TIPS from '../../constants/tipsConstants'
    
    export default {
      name: 'Main',
      props: {
  </code></pre>
  <p>the content of tipsConstants is:</p>
  <pre class="lang-js prettyprint-override"><code>export const TIPS = { TIP_A: 'TIP_A', TIP_B: 'TIP_B', TIP_C: 'TIP_C'}
  </code></pre>
  <p>i am getting this error</p>
  <pre><code>35:10  error    'TIPS' is defined but never used  
  </code></pre>