import html from "html";
import { onMounted, ref } from "vue";
export default {
template: html`
`,
props: {
name: {
default: "file",
},
},
async setup(props) {
const svg = ref(null);
onMounted(async () => {
if (!props.name.startsWith("ep-")) {
try {
const url = `./assets/icons/${props.name}.svg`;
const response = await fetch(url);
if (response.ok && response.status === 200) {
svg.value = await response.text();
}
} catch (error) {
console.log(error);
if (!svg.value) {
svg.value = ``;
}
}
}
});
return {
svg,
};
},
};