Add type casting to CSV fields

README.md

@@ -87,7 +87,8 @@ Primary wrapper component.
             },
             age: {
                 required: true,
-                label: 'Age'
+                label: 'Age',
+                type: Number
             }
         }"
     >
@@ -101,11 +102,21 @@ Primary wrapper component.
 
 | Prop          | Default   | Description |
 | ------        | -------   | ----------- |
-| fields        | null      | (required) The field names used to map the CSV. |
+| fields        | see below | (required) The fields used to map the CSV. |
 | text          | see below | (optional) Override the default text used in the component. |
 | modelValue    | N/A       | (optional) Binds to the mapped CSV object. |
 
-#### Default text
+##### Fields Prop
+
+The fields prop may be a simple array (e.g. `['name', 'age']) or an object with the following properties:
+
+| Prop          | Default   | Description |
+| ------        | -------   | ----------- |
+| required      | true      | (required) The field names used to map the CSV. |
+| label         | N/A       | (required) Override the default text used in the component. |
+| type          | String    | (optional) A primitive object used to cast the field value. |
+
+##### Default Text Prop
 
 ```json
 {

src/components/VueCsvImport.vue

@@ -46,6 +46,7 @@
                 key: key,
                 label: get(val, 'label', val),
                 required: get(val, 'required', true),
+                type: get(val, 'type', String),
             };
         });
     }
@@ -83,11 +84,12 @@
 
             const buildMappedCsv = function () {
                 let newCsv = VueCsvImportData.fileHasHeaders ? VueCsvImportData.rawCsv : drop(VueCsvImportData.rawCsv);
+                let typeMap = VueCsvImportData.fields.reduce((a, f) => set(a, f.key, f.type ?? String), {});
 
                 VueCsvImportData.value = map(newCsv, (row) => {
                     let newRow = {};
                     forEach(VueCsvImportData.map, (column, field) => {
-                        set(newRow, field, get(row, column));
+                        set(newRow, field, typeMap[field](get(row, column)));
                     });
 
                     return newRow;