title: Vue mdi icons inside string
body: <p>How can I use mdi icons inside a string and return it in a method which will act as a component of a cell in aggrid table.</p>
  <pre><code>import { mdiPencil } from &quot;@mdi/js&quot;;
  data(){
    return{
      mdiPencil
    }
  }
  methods:{
   viewButton() {
     return `&lt;v-btn icon&gt;&lt;v-icon&gt;{{ mdiPencil }}&lt;/v-icon&gt;&lt;/v-btn&gt;`;
   },
  }
  </code></pre>
  <p>The above is my method. For now it displays <code>{{mdiPencil}}</code> as a string and not an icon in the aggrid table cell. How do I display the icon?</p>