image

front/src/App.vue

@@ -40,6 +40,9 @@ onMounted(async () => {
       <div v-if="state.active_product">
         <model-fbx v-if="state.active_product.model3d" class="product-model"
           :src="`${SERVER_URL}/${state.active_product.model3d.replace('/back', '')}`"></model-fbx>
+        <div class="model-image" v-if="state.active_product.image1">
+          <img :src="state.active_product.image1" />
+        </div>
         <div class="product-description">
           {{ state.active_product.description }}
         </div>

front/src/stores/product.ts

@@ -26,6 +26,9 @@ export const useProductStore = defineStore('product', {
 export interface ProductInfo {
     id: number
     title: string
-    model3d: string
     description: string
+    model3d?: string
+    image1?: string
+    image2?: string
+    image3?: string
 }