@eturnity/eturnity_reusable_components 7.12.6-EPDM-7951.7 → 7.12.6-EPDM-7951.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eturnity/eturnity_reusable_components",
-  "version": "7.12.6-EPDM-7951.7",
+  "version": "7.12.6-EPDM-7951.8",
   "private": false,
   "scripts": {
     "dev": "vue-cli-service serve",

package/src/components/icon/index.vue

@@ -102,29 +102,22 @@ const IconImage = styled.div`
 
 const icon = reactive({ html: '' })
 
-const loadSvg = async (fileName = props.name) => {
-  const _fileName = fileName.toLowerCase()
+const loadSvg = async () => {
+  const fileName = props.name.toLowerCase()
   // We need to use "new URL" to load dynamic assets (https://vitejs.dev/guide/assets.html#new-url-url-import-meta-url)
   const fetchUrl = new URL(
-    `../../assets/svgIcons/${_fileName}.svg`,
+    `../../assets/svgIcons/${fileName}.svg`,
     import.meta.url
   ).href
   try {
-    const fetchResponse = await fetch(fetchUrl)
-    icon.html = await fetchResponse.text()
-  } catch (error) {
+    const response = await fetch(fetchUrl)
+    icon.html = await response.text()
+  } catch (_) {
     console.error(`Failed to load ${props.name}.svg`)
   }
 }
 
-onMounted(async () => {
-  const iconPath = `../../assets/svgIcons/${props.name.toLowerCase()}.svg?raw`
-  const module = await import(/* @vite-ignore */ iconPath)
-  console.log(module.default)
-  icon.html = module.default
-})
-
-// onMounted(() => loadSvg())
+onMounted(() => loadSvg())
 
 watch(() => props.name, loadSvg)
 </script>