@eturnity/eturnity_reusable_components 7.12.6-EPDM-7951.3 → 7.12.6-EPDM-7951.4

package/package.json

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

package/src/components/icon/index.vue

@@ -1,7 +1,7 @@
 <template>
   <wrapper :isDisabled="disabled" :size="size" :cursor="cursor">
     <icon-image :size="size" :color="color" :hoveredColor="hoveredColor">
-      <i v-html="icon.html" />
+      <i v-html="iconTest.html" />
     </icon-image>
     <striked-line
       v-if="isStriked"
@@ -109,6 +109,16 @@ const props = defineProps({
 
 const icon = reactive({ html: '' })
 
+const iconTest = reactive({ html: '' })
+const iconName = ''
+const loadSvg = async (fileName = props.name) => {
+  fileName = fileName.toLowerCase()
+  const url = new URL(`../../assets/svgIcons/${fileName}.svg`, import.meta.url)
+    .href
+  const fetchResponse = await fetch(url)
+  iconTest.html = await fetchResponse.text()
+}
+
 const handleLoadAsyncIcon = async (iconName = props.name) => {
   const iconPath = `../../assets/svgIcons/${props.name.toLowerCase()}.svg?raw`
   const module = await import(/* @vite-ignore */ iconPath)
@@ -117,6 +127,7 @@ const handleLoadAsyncIcon = async (iconName = props.name) => {
 }
 
 onMounted(() => handleLoadAsyncIcon())
+onMounted(() => loadSvg())
 
 watch(() => props.name, handleLoadAsyncIcon)
 </script>

package/src/components/spinner/index.vue

@@ -13,7 +13,7 @@
 // import Spinner from "@eturnity/eturnity_reusable_components/src/components/spinner"
 // <spinner size="30px" />
 import styled from 'vue3-styled-components'
-import SpinnerSvg from '../../assets/icons/black_spinner.svg'
+import SpinnerSvg from '../../assets/icons/black_spinner.svg?component'
 
 const SpinnerContainer = styled.div`
   position: fixed;