diff --git a/pages/component/image/image-format.uvue b/pages/component/image/image-format.uvue
index d1b86989d85c9956f32df72c6dee5ebc205c02a1..39a950a35abc54a50c1b8c9743c1815c4f10be8e 100644
--- a/pages/component/image/image-format.uvue
+++ b/pages/component/image/image-format.uvue
@@ -79,16 +79,12 @@
 			}
 		},
 	}
-
-	class ImageFormat {
-		format : string;
-		src : string;
-
-		constructor(format : string, src : string) {
-			this.format = format;
-			this.src = src;
-		}
+	
+	type ImageFormat = {
+		format : string
+		src : string
 	}
+	
 </script>
 
 <style>
diff --git a/pages/component/image/image-mode.uvue b/pages/component/image/image-mode.uvue
index 1cc809e302dfbf1f295f466f79e4afe68997b982..33acf56fbccd26376a38d4ab2fa17530b5f0bbfb 100644
--- a/pages/component/image/image-mode.uvue
+++ b/pages/component/image/image-mode.uvue
@@ -81,16 +81,12 @@
 			}
 		}
 	}
-
-	class ImageMode {
-		mode : string;
-		description : string;
-
-		constructor(mode : string, description : string) {
-			this.mode = mode;
-			this.description = description;
-		}
+	
+	type ImageMode = {
+		mode : string
+		description : string
 	}
+	
 </script>
 
 <style>
diff --git a/pages/component/image/image-path.uvue b/pages/component/image/image-path.uvue
index e9e7e4c161ac256c949eca2bc5ca93714b830cb4..e55a0bc32e9fb85fb287434887c06d1e5fcebbbb 100644
--- a/pages/component/image/image-path.uvue
+++ b/pages/component/image/image-path.uvue
@@ -84,15 +84,11 @@
 		},
 	}
 
-	class ImagePath {
-		src : string;
-		description : string;
-
-		constructor(src : string, description : string) {
-			this.src = src;
-			this.description = description;
-		}
+	type ImagePath = {
+		src : string
+		description : string
 	}
+	
 </script>
 
 <style>