Swaps out props arrays for props objects.

public/js/app.js

@@ -1927,7 +1927,12 @@ __webpack_require__.r(__webpack_exports__);
   components: {
     AssetInfoEditModal: _components_AssetInfoEditModal_vue__WEBPACK_IMPORTED_MODULE_0__["default"]
   },
-  props: ['asset'],
+  props: {
+    asset: {
+      type: Object,
+      required: true
+    }
+  },
   mounted: function mounted() {
     var _this = this;
 
@@ -2006,7 +2011,16 @@ __webpack_require__.r(__webpack_exports__);
     Modal: _components_Modal_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
     CircleSpinner: _components_CircleSpinner_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
-  props: ['populateWith', 'modalId'],
+  props: {
+    populateWith: {
+      type: Object,
+      required: true
+    },
+    modalId: {
+      type: String,
+      required: true
+    }
+  },
   data: function data() {
     return {
       // Essentially makes a copy of the object. Otherwise
@@ -2261,7 +2275,16 @@ __webpack_require__.r(__webpack_exports__);
     CredentialFormModal: _components_CredentialFormModal_vue__WEBPACK_IMPORTED_MODULE_0__["default"],
     Modal: _components_Modal_vue__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
-  props: ['credential', 'descriptions'],
+  props: {
+    credential: {
+      type: Object,
+      required: true
+    },
+    descriptions: {
+      type: Array,
+      required: true
+    }
+  },
   data: function data() {
     return {
       data: this.credential,
@@ -2577,7 +2600,20 @@ __webpack_require__.r(__webpack_exports__);
     Modal: _components_Modal__WEBPACK_IMPORTED_MODULE_0__["default"],
     AutocompleteCustomDropdown: _components_AutocompleteCustomDropdown__WEBPACK_IMPORTED_MODULE_1__["default"]
   },
-  props: ['populateWith', 'storeList', 'modalId'],
+  props: {
+    populateWith: {
+      type: Object,
+      required: true
+    },
+    storeList: {
+      type: Array,
+      required: true
+    },
+    modalId: {
+      type: String,
+      required: true
+    }
+  },
   data: function data() {
     return {
       // Copies object from prop, so it doesn't mutate the object
@@ -3128,7 +3164,12 @@ __webpack_require__.r(__webpack_exports__);
     CircleSpinner: _components_CircleSpinner_vue__WEBPACK_IMPORTED_MODULE_2__["default"],
     CredentialList: _components_CredentialList_vue__WEBPACK_IMPORTED_MODULE_3__["default"]
   },
-  props: ['id'],
+  props: {
+    id: {
+      type: Number,
+      required: true
+    }
+  },
   data: function data() {
     return {
       workOrder: {},

resources/js/components/AssetInfoEditModal.vue

@@ -55,7 +55,16 @@ export default {
         Modal,
         CircleSpinner,
     },
-    props: ['populateWith', 'modalId'],
+    props: {
+        populateWith: {
+            type: Object,
+            required: true,
+        },
+        modalId: {
+            type: String,
+            required: true,
+        },
+    },
     data () {
         return {
             // Essentially makes a copy of the object. Otherwise

resources/js/components/WoInfoEditModal.vue

@@ -39,8 +39,21 @@ export default {
         Modal,
         AutocompleteCustomDropdown
     },
-    props:['populateWith', 'storeList', 'modalId'],
-    data() {
+    props: {
+        populateWith: {
+            type: Object,
+            required: true,
+        },
+        storeList: {
+            type: Array,
+            required: true,
+        },
+        modalId: {
+            type: String,
+            required: true,
+        },
+    },
+    data () {
         return {
             // Copies object from prop, so it doesn't mutate the object
             // from the parent component. Parent component will be updated via

resources/js/components/assetinfo.vue

@@ -17,7 +17,12 @@ export default {
     components: {
         AssetInfoEditModal,
     },
-    props: ['asset'],
+    props: {
+        asset: {
+            type: Object,
+            required: true
+        },
+    },
     mounted() {
         Echo.channel('asset.'+this.asset.pcid)
                 .listen('AssetUpdated', (e) => {

resources/js/components/credential.vue

@@ -49,7 +49,16 @@ export default {
         CredentialFormModal,
         Modal,
     },
-    props: ['credential', 'descriptions'],
+    props: {
+        credential: {
+            type: Object,
+            required: true,
+        },
+        descriptions: {
+            type: Array,
+            required: true,
+        }
+    },
     data() {
         return {
             data: this.credential,

resources/js/views/WorkOrder.vue

@@ -109,7 +109,12 @@ export default {
         CircleSpinner,
         CredentialList,
     },
-    props: ['id'],
+    props: {
+        id: {
+            type: Number,
+            required: true,
+        }
+    },
     data () {
         return {
             workOrder: {},