WishListPage and OfferPage service done. Now move to backend service.

FrontendFolder/switch-room/src/components/WishlistPage.vue

@@ -112,7 +112,6 @@
 import { reactive, ref } from "vue";
 import type { FormInstance, FormRules } from "element-plus";
 import { WishlistItemModel } from "@/models/WishlistItemModel";
-import { defineComponent } from "vue";
 
 const formSize = ref("default");
 const ruleFormRef = ref<FormInstance>();
@@ -207,40 +206,6 @@ const options = Array.from({ length: 10000 }).map((_, idx) => ({
   value: `${idx + 1}`,
   label: `${idx + 1}`,
 }));
-
-// export default defineComponent({
-//   data() {
-//     return {
-//       wishlistItem: new WishlistItemModel(),
-//       wishlistList,
-//       rules,
-//     };
-//   },
-//   methods: {
-//     selectItem(idx: number) {
-//       console.log("Selected wishlist Item: " + idx);
-//       this.wishlistItem = wishlistList[idx];
-//     },
-//     addNewWishlistItem() {
-//       console.log("addNewWishlistItem");
-//       this.wishlistItem = new WishlistItemModel();
-//     },
-//     async submitForm(formEl: FormInstance | undefined) {
-//       if (!formEl) return;
-//       await formEl.validate((valid, fields) => {
-//         if (valid) {
-//           console.log("submit!");
-//         } else {
-//           console.log("error submit!", fields);
-//         }
-//       });
-//     },
-//     resetForm(formEl: FormInstance | undefined) {
-//       if (!formEl) return;
-//       formEl.resetFields();
-//     },
-//   },
-// });
 </script>
 
 <style scoped>
@@ -261,6 +226,6 @@ const options = Array.from({ length: 10000 }).map((_, idx) => ({
 }
 
 .main-card {
-  padding: 0px 0px 0px 20px;
+  padding: 0 0 0 20px;
 }
 </style>