refactor: [vue2] Coerce

Author: rstoenescu

src/vue-components/context-menu/context-menu-desktop.vue

@@ -13,8 +13,7 @@ export default {
   props: {
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   methods: {

src/vue-components/context-menu/context-menu-mobile.vue

@@ -16,8 +16,7 @@ export default {
   props: {
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   methods: {

src/vue-components/datetime/input-datetime-desktop.vue

@@ -38,8 +38,7 @@ export default {
     },
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   computed: {

src/vue-components/datetime/input-datetime-mobile.vue

@@ -35,8 +35,7 @@ export default {
     },
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   computed: {

src/vue-components/datetime/ios-inline-datetime.vue

@@ -132,8 +132,7 @@ export default {
     },
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   data () {

src/vue-components/datetime/mat-inline-datetime.vue

@@ -217,8 +217,7 @@ export default {
     },
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   data () {

src/vue-components/drawer/drawer.vue

@@ -79,13 +79,11 @@ export default {
   props: {
     'right-side': {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     },
     'swipe-only': {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     }
   },
   data () {

src/vue-components/fab/fab.vue

@@ -4,7 +4,7 @@
     :class="{opened: opened, 'with-backdrop': click || backdrop}"
   >
     <div v-if="click || backdrop" class="backdrop" @click="toggle(true)"></div>
-    <button class="circular raised" @click="toggle()" :class="type">
+    <button class="circular raised" @click="toggle()" :class="className">
       <i class="quasar-fab-icon">{{icon}}</i>
       <i class="quasar-fab-active-icon">{{activeIcon}}</i>
     </button>
@@ -21,9 +21,6 @@ export default {
       type: Array,
       default () {
         return ['primary']
-      },
-      coerce (value) {
-        return Array.isArray(value) || typeof value === 'undefined' ? value : value.split(' ')
       }
     },
     icon: {
@@ -38,19 +35,19 @@ export default {
       type: String,
       default: 'right'
     },
-    click: {
-      type: Function
-    },
-    backdrop: {
-      type: Boolean,
-      coerce: Boolean
-    }
+    click: Function.
+    backdrop: Boolean
   },
   data () {
     return {
       opened: false
     }
   },
+  computed: {
+    className () {
+      return Array.isArray(this.type) || typeof this.type === 'undefined' ? this.type : this.type.split(' ')
+    }
+  },
   methods: {
     toggle (fromBackdrop) {
       this.opened = !this.opened

src/vue-components/grid/grid.vue

@@ -2,11 +2,11 @@
   <quasar-grid-table
     ref="table"
     class="quasar-grid"
-    :data="data | gridShowSelected showOnlySelected selectionMode singleSelection | filterBy searchQuery"
+    :data="data | gridShowSelected showOnlySelected computedSelectionMode singleSelection | filterBy searchQuery"
     :columns="columns"
     :rows-per-page="rowsPerPage"
     :sortable="sortable"
-    :selection-mode="selectionMode"
+    :selection-mode="computedSelectionMode"
     :selection-actions="selectionActions"
     :no-data-label="noDataLabel"
     :id-property="idProperty"
@@ -30,8 +30,7 @@ export default {
     },
     sortable: {
       type: Boolean,
-      default: true,
-      coerce: Boolean
+      default: true
     },
     noDataLabel: {
       type: String,
@@ -40,13 +39,16 @@ export default {
     idProperty: String,
     selectionMode: {
       type: String,
-      default: 'none',
-      coerce: value => {
-        return value === 'single' || value === 'multiple' ? value : 'none'
-      }
+      default: 'none'
     },
     selectionActions: Array
   },
+  computed: {
+    computedSelectionMode () {
+      let value = this.selectionMode
+      return value === 'single' || value === 'multiple' ? value : 'none'
+    }
+  },
   data () {
     return {
       searchQuery: '',

src/vue-components/knob/knob.vue

@@ -50,8 +50,7 @@ export default {
     },
     disable: {
       type: Boolean,
-      default: false,
-      coerce: Boolean
+      default: false
     },
     min: {
       type: Number,