fix img url

frontend/src/views/main/Upload.vue

@@ -92,27 +92,27 @@ const anchorList = reactive([
 const templateList = reactive([
   {
     template_id: 0,
-    img: "../src/assets/img/template/鏡面-01.webp",
+    img: "鏡面-01",
   },
   {
     template_id: 1,
-    img: "../src/assets/img/template/鏡面-02.webp",
+    img: "鏡面-02",
   },
   {
     template_id: 2,
-    img: "../src/assets/img/template/鏡面-03.webp",
+    img: "鏡面-03",
   },
   {
     template_id: 3,
-    img: "../src/assets/img/template/鏡面-04.webp",
+    img: "鏡面-04",
   },
   {
     template_id: 4,
-    img: "../src/assets/img/template/鏡面-05.webp",
+    img: "鏡面-05",
   },
   {
     template_id: 5,
-    img: "../src/assets/img/template/鏡面-06.webp",
+    img: "鏡面-06",
   },
 ]);
 
@@ -124,8 +124,7 @@ let items = reactive([
 
 // 取得圖片路徑
 const getImageUrl = (imgFolder: string, name: string) => {
-  return new URL(`../../assets/img/${imgFolder}/${name}.webp`, import.meta.url)
-    .href;
+  return new URL(`../../assets/img/${imgFolder}/${name}.webp`, import.meta.url).href;
 };
 
 const mainStore = useMainStore();
@@ -242,7 +241,7 @@ async function Submit() {
                       >
                         <v-icon icon="done" color="white" />
                       </span>
-                      <img :src="n.img" alt="" />
+                      <img :src="getImageUrl('template', n.img)" alt="" />
                     </v-card>
                   </v-slide-group-item>
                 </v-slide-group>