33 lines
653 B
JavaScript
33 lines
653 B
JavaScript
|
export default {
|
||
|
|
props: {
|
||
|
|
src: {
|
||
|
|
type: String,
|
||
|
|
required: true
|
||
|
|
},
|
||
|
|
fill: {
|
||
|
|
type: String,
|
||
|
|
default: 'currentColor'
|
||
|
|
},
|
||
|
|
theme : {
|
||
|
|
type : String,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
svg: ''
|
||
|
|
}
|
||
|
|
},
|
||
|
|
async mounted() {
|
||
|
|
const res = await fetch(this.src);
|
||
|
|
const html = await res.text();
|
||
|
|
this.svg = html;
|
||
|
|
},
|
||
|
|
async updated() {
|
||
|
|
const res = await fetch(this.src);
|
||
|
|
const html = await res.text();
|
||
|
|
this.svg = html;
|
||
|
|
},
|
||
|
|
template: `
|
||
|
|
<span v-html="svg" />
|
||
|
|
`
|
||
|
|
}
|