From 49cd0cfc2291b6ff07c90160ab6d4b8d26069a8d Mon Sep 17 00:00:00 2001
From: vgaNAR6ta <vga.nar6.ta@gmail.com>
Date: Sun, 1 Mar 2026 05:19:10 +0100
Subject: [PATCH] edit: enlever this dans <template> (mauvaise pratique
 vue3#MPV3) + import toRAW() pour empecher conversion en proxy par Vue

---
 src/MainContent.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/MainContent.vue b/src/MainContent.vue
index 1760a22..9845f90 100644
--- a/src/MainContent.vue
+++ b/src/MainContent.vue
@@ -1,24 +1,25 @@
 <script setup>
+import { toRaw } from 'vue'
 </script>
 
 <template>
   <div class="mainContainer">
     <topbar></topbar>
-    <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" v-for="item in this.partOneItem" :key="item.id" :style="{
+    <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" v-for="item in partOneItem" :key="item.id" :style="{
                                                                                                 left: item.x + 'px',
                                                                                                 top: item.y + 'px'
                                                                                               }">
           <img :src="item.src" class="imgStyle" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" :id="'image'+item.id">
 
     </div>
-    <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" v-for="item in this.partTwoItem" :key="item.id" :style="{
+    <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" v-for="item in partTwoItem" :key="item.id" :style="{
                                                                                                 left: item.x + 'px',
                                                                                                 top: item.y + 'px'
                                                                                               }">
           <img :src="item.src" class="imgStyle" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" :id="'image'+item.id">
 
     </div>
-    <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" v-for="item in this.partThreeItem" :key="item.id" :style="{
+    <div class="imgContainer" :id="'div'+item.id" :class="{highlightItem: item.isHighlight===1, highlightMax: item.isHighlight===2, graffStyle: item.isHighlight===3}" v-for="item in partThreeItem" :key="item.id" :style="{
                                                                                                 left: item.x + 'px',
                                                                                                 top: item.y + 'px'
                                                                                               }">