Added marital status drop down

src/assets/staticData/maritalStatus.js

+const items = ['ICOP (In Community of Property)', 'OCOP (Out of Community of Property)', 'Other',
+  'Traditional Wedding', 'Single', 'Divorced', 'Widow', 'Committed Relationship', 'Partner',
+];
+export default items;

src/components/shared/test.vue

-<template>
-  <div>Sataliet!!!!!!!!!!!!!</div>
-</template>
-
-<script>
-export default {
-  name: 'nasa',
-};
-</script>

src/components/timeshare/sell/sellPage.vue

             <Address :address="sellItem.owner" />
             <hr />
             <BankDetails :bankingDetails="sellItem.owner.bankingDetails" />
+            <hr />
           </div>
           <hr />
           <br />

src/components/user/timeshareIndividual.vue

             <span class="input-group-text">
               <eva-icon name="people-outline" fill="#60CBEB"></eva-icon>
             </span>
-            <input
-              class="form-control"
-              type="text"
-              name="maritalstatus"
-              v-model="owner.maritalstatus"
-            />
+            <select class="form-control" name="maritalstatus" v-model="owner.maritalstatus">
+              <option v-for="(item, i) in maritalStatus" :key="i">{{item}}</option>
+            </select>
           </div>
         </div>
         <div class="col-md-6" style="margin-bottom: 1em">
 </template>
 
 <script>
+import { mapState } from 'vuex';
+
 export default {
   component: {},
   props: {
     owner: {},
   },
+  computed: {
+    ...mapState('timeshare', ['maritalStatus']),
+  },
 };
 </script>
 

src/store/modules/timeshare/timeshare.js

 /* eslint-disable no-restricted-syntax */
 import axios from 'axios';
 import MyData from '../../../assets/myData';
+import MaritalStatus from '../../../assets/staticData/maritalStatus';
 
 export default {
   namespaced: true,
     bankedEntities: [],
     agencies: [],
     agents: [],
+    maritalStatus: MaritalStatus,
     sellItem: {
       referedByAgent: false,
       agent: undefined,