[Vuejs]-Mdicon components icon names doesn't work in vue

Try, for example

<template>
<mdicon :name="icon1"/>
<template/>

<script>
export default {
  data: () => ({
    icon1: 'mdi-share-variant-outline'
})
}
</script>