Template

src/components/communication/templateDetail.vue

         </div>
         <div class="col-md-12">
           <ListView
-            :items="item.placeHolders"
+            :items="PlaceHolders"
             :hideSearch="true"
             :showNew="false"
             :deleteable="CanEdit"
   },
   props: {
     item: {},
+    placeHolders: [],
     editable: {
       default: false,
     },
     ItemList() {
       return this.item.placeHolders;
     },
+    PlaceHolders(){
+      return this.placeHolders;
+    }
   },
   methods: {
     ...mapActions('template', ['addItem', 'editItem']),
         // add.
         this.addItem(this.item);
       }
-      console.log(JSON.stringify(this.item));
       this.$emit('onClose');
     },
     onItemDelete(item) {
         boundToClassDisplay: item.class.name,
         boundToClass: item.class.fullName,
       });
-      this.item.placeHolders = myList;
+      this.placeHolders = myList;
+      this.item.placeHolders = this.placeHolders;
     },
   },
 };

src/components/communication/templateInnerItem.vue

       this.getProperties(this.item.class);
     },
     onItemAdd() {
+      this.message = undefined;
       let msg = '';
       if (this.item.name === undefined) {
         msg += 'Please give a name...';

src/components/communication/templatePage.vue

         <ListView :items="list" @onRowClick="onRowClick" @onNew="onNew" :showNew="true" />
       </div>
       <div class="col-md-6" v-if="showDetailView">
-        <DetailView :item="detailItem" @onClose="onDetailClose" :editable="clickedNew" />
+        <DetailView :placeHolders="detailItem ? detailItem.placeHolders : []" :item="detailItem" @onClose="onDetailClose" :editable="clickedNew" />
       </div>
     </div>
 

src/components/processFlow/makeOffer.vue

       if (this.isProperty) {
         this.bidItem.propertyId = this.item.id;
       } else {
+        this.bidItem.timeshareWeek = this.item;
+        this.bidItem.timeshareWeek.id = this.item.resort.id;
+        this.bidItem.timeshareWeek.resortCode = this.item.resort.resortCode;
+        this.bidItem.timeshareWeek.resortName = this.item.resort.resortName;
         this.bidItem.timeshareWeekId = this.item.id;
       }
       this.saveBid(this.bidItem);

src/components/shared/listView.vue

     hideItemCount: {
       default: false,
     },
-    itemsPerPageList: {
-      default: ItemsPerPageList,
-    },
+    
     currentPage: {
       default: 1
     },
       sortKey: '',
       reverse: false,
       searchItem: '',
-      visibleItemsPerPageCount: 0,
-      currentPage: 1,
+      visibleItemsPerPageCount: 20,
+      itemsPerPageList: ItemsPerPageList,
     };
   },
   methods: {

src/router/index.js

     },
     {
       path: '/timeshare/:weekId',
-      name: 'TimeshareSell',
+      name: 'TimeshareSellEdit',
       component: TimeshareSell,
       props: true,
     },