update anchor

frontend/src/views/main/Upload.vue

@@ -30,23 +30,47 @@ let dialog = reactive({
 
 const anchorList = reactive([
   {
-    anchor_id: "Aima",
+    anchor_id: "hannah1",
+    name: "Hannah-1",
+  },
+  {
+    anchor_id: "hannah2",
+    name: "Hannah-2",
+  },
+  {
+    anchor_id: "nelly",
+    name: "Nelly",
+  },
+  {
+    anchor_id: "teresa2",
+    name: "Teresa-2",
+  },
+  {
+    anchor_id: "zoya1",
+    name: "Zoya-1",
+  },
+  {
+    anchor_id: "zoya2",
+    name: "Zoya-2",
+  },
+  {
+    anchor_id: "aima",
     name: "Aima",
   },
   {
-    anchor_id: "Alitia",
+    anchor_id: "alitia",
     name: "Alitia",
   },
   {
-    anchor_id: "Cora",
+    anchor_id: "cora",
     name: "Cora",
   },
   {
-    anchor_id: "Elara",
+    anchor_id: "elara",
     name: "Elara",
   },
   {
-    anchor_id: "Sporty",
+    anchor_id: "sporty",
     name: "Sporty",
   },
   {
@@ -66,15 +90,15 @@ const anchorList = reactive([
     name: "Peggy",
   },
   {
-    anchor_id: "ITRI-1",
+    anchor_id: "itri-1",
     name: "ITRI-1",
   },
   {
-    anchor_id: "ITRI-2",
+    anchor_id: "itri-2",
     name: "ITRI-2",
   },
   {
-    anchor_id: "ITRI-3",
+    anchor_id: "itri-3",
     name: "ITRI-3",
   },
   {
@@ -172,6 +196,7 @@ watch(dialog, (newVal) => {
 
 watch(anchor, (newVal) => {
   selectAnchor.value = anchorList[newVal].anchor_id;
+  console.log("selectAnchor", selectAnchor.value);
 });
 
 watch(templateId, (newVal) => {
@@ -269,10 +294,7 @@ async function Submit() {
                               />
                               <p>Coming Soon</p>
                             </div> -->
-                            <img
-                              :src="getImageUrl('anchor', n.anchor_id)"
-                              alt=""
-                            />
+                            <img :src="getImageUrl('anchor', n.name)" alt="" />
                           </v-scroll-y-transition>
                         </v-card>
                       </v-item>