Small fixes

resources/js/Pages/IkeaRoot.vue

@@ -25,6 +25,8 @@ import Popper from "vue3-popper";
 
 const screenWidth = ref(screen.width)
 const screenHeight = ref(screen.height)
+const hover = ref(false);
+const hoverImage = ref(null);
 
 const sdropdown = ref([
   { text: "Description", value: "typeName" },
@@ -72,6 +74,12 @@ const gchartEvents = ref({
   },
 });
 
+const onHover = (data) => {
+    console.log('HOVER',data.target.src);
+    hoverImage.value = data.target.src;
+    hover.value = !hover.value;
+};
+
 const tproducts = computed(() => {
   console.log("PR=", products);
   console.log("CC=", countryCurrency.value);
@@ -443,6 +451,7 @@ watch(ccodes, (codes) => {
             :settings="chart_settings"
           />
         </div>
+
         <div>
           <span class="font-extrabold font-mono">Currency recalculation</span>
         </div>
@@ -583,7 +592,9 @@ watch(ccodes, (codes) => {
           >
             <template #item-img="{ code, img }">
                 <img
-                class="h-12 hover:z-50 hover:scale-100 hover:left-2 hover:h-48 hower:w-48 hover:float-left hover:overflow-hidden"
+                v-on:mouseover="onHover"
+                v-on:mouseleave="onHover"
+                class="h-12"
                 :src="img"
                 :alt="code"
               />